emlog6.0.1调整编辑器新增功能和插件

    选择打赏方式

  Emlog6.0.1使用的是 TinyMCE 4.7.9 富文本编辑器,现在使用默认功能上有些不太能满足了,比如字体大小、文字背景都没有,之前都是手动设置样式,TinyMCE编辑器现在几经更迭,都已经5+6+的版本了。

TinyMCE 4+的版本确实有点老旧了,版本之间好像还不能共用插件,4+的最后一个更新版本是版本 4.9.11 2020 年 7 月 13 日。本想升级到TinyMCE 6版本,能力有限 (一窍不通) 有机会再研究下吧,这次仅升级到4+的最新版本、调整了编辑器的布局和新增显示功能以及安装了部分插件(TinyMCE 4+版本编辑器只能安装4+版本的插件)。

默认编辑器
默认编辑器

插件安装位置/admin/tinymce/tinymce/plugin下,你也可自定义创建Tinymce编辑插件:Tinymce编辑器插件篇 。

然后编辑器加载插件显示工具栏位置/admin/tinymce/tinymce.config.js,加载插件plugins:工具栏显示toolbar1:

内容说明:

tinymce.init({
    skin : "lightgray", //编辑器皮肤
    theme: "modern", //主题 (默认主题)
    language:'zh_CN', //调用放在langs文件夹内的语言包
    selector:"#editor_content ,#editor_excerpt", //容器,编辑器位置,可使用css选择器
    height: "560px", //编辑器高度
    resize:false, //调整编辑器大小
    menubar: false, //编辑器隐藏菜单栏
    branding: false, //编辑器左下角显示编辑器名称
    indent:true,  //源代码缩进
    relative_urls:false,
    remove_script_host:false,
    convert_urls:false,
    fix_list_elements:true,
    image_advtab: true,

    toolbar1:"bold italic  " //编辑器工具栏行
    toolbar2:" styleselect "  //编辑器工具栏行

    plugins: [ 'quickbars','link','table' ], //选择需加载的插件
    //选中时出现的快捷工具,与插件有依赖关系
    quickbars_selection_toolbar: 'bold italic forecolor | link blockquote quickimage',
});
调整后编辑器
调整后编辑器
调整后编辑器2
调整后编辑器2

TinyMCE 4.7.9 TinyMCE 4.9.11 

TinyMCE 编辑器更新到4+的最新版本,4.7.94.9.11版本看官方日志,主要是更新修复了一些bug,和插件功能性的一些问题。更新后 新增了部分插件功能,如插入图片高级功能里可选择边框样式、新增了部分特殊符号等,部分更新后的插件用不习惯(粘贴插件的提示框变化、插入视频插件镜像封面 分离到高级功能里了),我还是替换使用原来的插件了。

编辑器新增显示功能和插件:

strikethrough  //删除线

backcolor  //背景颜色

visualchars  //显示不可见字符

visualblocks  //显示区块边框

searchreplace  //查找和替换

pastetext  //粘贴为文本

fontsizeselect   //字号

alignjustify  //两端对齐

advlist  //高级列表

subscript  //下标

superscript  //上标

hr  //水平分割线

code  //源代码

insertdatetime  //插入日期 时间

... ...

参考:TinyMCE中文文档

  自定义用户界面

版权声明:若无特殊注明,本文为《寒星皓月》原创,转载请保留文章出处。
本文链接:https://www.wanghanyue.com/post-79.html
作品采用:知识共享署名 4.0 (CC BY-NC-SA 4.0) 国际许可协议 进行许可。
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

呵呵 哈哈 羡慕 惊恐 超赞 嗯哼 滑稽 不高兴 大哭 疑问 你懂得 打脸 黑线 委屈 小乖 酷 笑眼 汗 what 鄙视 喷 阴险 怒 吃瓜

评论信息框
可使用QQ号实时获取昵称+头像

私密评论

吃奶的力气提交吐槽中...

已有1条吐槽

叶开楗

5个月前 (2022-08-26 09:23) 福建省移动
这种编辑器好像以前用过。

我现在用的 “SimpleMDE”
 Windows 10 x64   Google Chrome 104.0.0.0
叶开楗