TinyMCE(文本编辑器) V4.7.8 官方版(TinyMCE(文本编辑器) V4.7.8 官方版功能简介)
大家好,关于TinyMCE(文本编辑器) V4.7.8 官方版,TinyMCE(文本编辑器) V4.7.8 官方版功能简介这个很多人还不知道,小勒来为大家解答以上的问题,现在让我们一起来看看吧!
TinyMCE是一个轻量型可视化的在线富文本编辑器,使用JavaScript编写,支持AJAX,只需要两行代码就可以轻松的嵌入到网页中,兼容目前流行的各种浏览器,支持多种代码的编写。
TinyMCE编辑器,能将网页中显示的各种数据自动编辑成实用的代码,让你可以进一步地优化相关的HTML信息,减少脚本编写的工作量。
【使用说明】
1、快速开始
在你的HTML页面
中包括下面这行代码。也可以在GitHub上下载,但需要自己创建发布包。
在页面中创建TinyMCE编辑器容器
包含下面脚本,初始化TinyMCE,使用tinymce.init()方法,当中包括一个selector属性,值为一个CSS选择器。
完成以上的操作,一个简单的富文本编辑器就初始化完成了。
2、基本使用
①自定义工具栏按钮
toolbar属性自定义按钮,多个自定义按钮用空格分割,通过editor.addButton()方法添加到编辑器。
②自定义菜单
在自定义按钮中使用menu属性添加一个菜单列表,值是一个数组。
除了这些意外还有更多的配置,可以实现高度的定制功能按钮。
③HTML5格式化
对内容格式的定制还有其他配置属性,具体可以查看文档,在这里就不多做解释了。
④内联模式
inline设置为true,默认false,这样简单的内联就配置好了,点击容器内元素即可激活工具栏。
⑤国际化语言
language这个选项允许您指定的语言出现在TinyMCE的用户界面。也就是说,工具栏按钮和菜单项。默认情况下,TinyMCE将使用我们英语作为语言的接口。
如果你想使用英语以外的其他语言,请遵循以下步骤:
从这里下载您希望使用的语言包。
语言文件解压到你的tinymce/langs文件夹,或者项目任意位置。
在language选项中配置语言代码,如中文简体zh_CN;语言文件在不在tinymce/langs文件夹中,需要URL来确定语言文件位置,如language_url : '/languages/zh_CN.js'。
TinyMCE还有很多功能我就不一一说明了,如主题、插件、文件选择、上传等,内置很多方法和事件,可以在官网深入了解下,同时也兼容移动端设备。高级功能有从word粘贴、管理文件和图像、检查拼写、嵌入丰富的媒体等。
【更新日志】
V4.7.5
修正了Codesample插件的bug,在编辑器处于内联模式时无法编辑codesamples;
修正问题集中在状态栏打破了键盘导航功能;
修正错误,当使用Powerpaste插件粘贴时,表格插件会在Edge上引发错误;
表插件中的固定错误,从高级行属性的下拉菜单中选择行边框样式会引发错误;
Mac OS上的Chrome上的图标呈现不正确的固定错误;
Textcolor Plugin中的FIXED错误,其中字体颜色和背景颜色按钮不会触发ExecCommand事件;
修复链接插件中的url字段不是强制LTR的错误;
Nonbreaking Plugin错误地将空格插入到表中的修复的错误;
内嵌主题固定的错误,工具栏不调整窗口大小。
本文到此分享完毕,希望对大家有所帮助。