JavaWeb前端之路程序员

CKEDITOR开发者站点定制版,定制你专属的HTML文本编辑器

2017-03-14  本文已影响117人  毛三十

1.CKEditor4.6版发布

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

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和已编排格式五项。

config.js文件

4.测试及定制版下载

嵌入测试代码index.html

演示地址:index.html

下载地址:ck_4dev.zip

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

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

上一篇下一篇

猜你喜欢

热点阅读