html文本编辑器视频封面,CKEDITOR开发者站点定制版,定制你专属的HTML文本编辑器...

云小牙

于 2021-07-09 19:23:15 发布

阅读量135

点赞数

文章标签： html文本编辑器视频封面

本文介绍了如何定制CKEditor4.6.2的开发者站点版本，包括选择基本版、添加插件如Blockquote、CodeSnippet等，设置皮肤和语言，以及配置config.js文件。通过简单步骤，你可以创建一款专属于自己的HTML文本编辑器。

摘要由CSDN通过智能技术生成

1.CKEditor4.6版发布

2016年11月CKEditor4.6版官方发布了，其中新的缺省的皮肤样式Moono-Lisa较以前确实有较大的提升，让人眼前一亮。在其官网(http://www.ckeditor.com)上定制的几款编辑器也很实用和简洁。

ec24201deef8

CKEditor4.6皮肤

其中Article Editor，Document Editor和Developer Site Editor(Feathers频道)都很吸引我。CKEditor官网上并没有提供上述版本的下载，需要手工定制，我定制了一款开发者站点编辑器并把过程和大家分享。

2.CKEditor4.6.2开发者站点定制版定制过程在CKEditor下载频道(download)点击在线定制(Customize ｜ Online Builder)

在定制页面，第一步，选择基本版(Basic)

第二步，在可选插件(Available plugins)选择框中查找Blockquote(块引用)，并将其加入到左侧已选插件(Selected plugins)选择框中。按上面方法，依次加入Code Snippet，Image，Table，Mathematical Formulas，Format共六个插件后，选择喜欢的皮肤。

第三步，增加简体中文(Chinese Simplified)到编辑器语言中。

第四步，选择同意确认选择框，点击下载完成定制过程。

3.CKEditor4.6.2开发者站点定制版配置

将下载的ZIP包解压并部署到服务器上，修改config.js文件，在config.removeButtons 增加About项，并增加配置项config.format_tags = 'p;h1;h2;h3;pre'，即只保留格式选择中的普通，标题1，标题2，标题3和已编排格式五项。

ec24201deef8

config.js文件

4.测试及定制版下载

ec24201deef8

嵌入测试代码index.html

上述zip包就是已经定制好的开发者定制版，直接下载使用即可。

是不是很简单啊，快来动手定制专属于自己的HTML文本编辑器吧