您的位置:首页 >IT >

TinyMCE(文本编辑器) V4.7.8 官方版(TinyMCE(文本编辑器) V4.7.8 官方版功能简介)

导读 大家好,关于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错误地将空格插入到表中的修复的错误;

  内嵌主题固定的错误,工具栏不调整窗口大小。

本文到此分享完毕,希望对大家有所帮助。

免责声明:本文由用户上传,如有侵权请联系删除!