美文网首页JavaWeb前端之路程序员
CKEDITOR开发者站点定制版,定制你专属的HTML文本编辑器

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

作者: 毛三十 | 来源:发表于2017-03-14 09:29 被阅读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文本编辑器吧

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/zwecnttx.html