![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
手把手教你用CkEditor
文章平均质量分 73
iMyWhale
这个作者很懒,什么都没留下…
展开
-
手把手教你用 CKEDITOR (1): 概览与下载
CKEditor是一款非常优秀的富文本编辑工具,也有免费版本,对开发来说相当友好,零成本即可获取一个版本进行开发。 CKEditor提供的编辑功能也非常强大,扩展功能也十分方便,姜哥墙裂推荐给大家使用。 首先,来看一下CKEditor官网提供的几个示例吧:传统编辑器版本: 文档编辑器版本: 嵌入式编辑器版本: 怎么样,是不是界面十分清爽,同时感觉功能特别强大? 再来...原创 2018-03-09 11:25:24 · 1424 阅读 · 0 评论 -
手把手教你用 CKEDITOR (2): 初步安装与使用
上一篇,我们已经下载了CKEditor,这一篇,我们来看看怎么使用吧! CkEditor的使用非常简单,只需要几个步骤:1、在你的html文档中引入ckeditor的js包与css包2、在你需要使用编辑器的地方,放置一个 textarea 控件3、在html文档的document.ready事件中,使用CKEditor.replace命令初始化让我们一步一步来做吧!初始化...原创 2018-03-09 12:57:45 · 2652 阅读 · 1 评论 -
手把手教你用 CKEDITOR (3): 配置
前面我们讲了CKEDITOR的基本使用,其实CKEDITOR的魅力不止于此,更在于它强大的扩展功能,也就是我们可以自己开发相应的功能,并集成到CKEDITOR中去。<配置 关于CKEDITOR的配置,基本上都是在config.js中完成,这个文件在ckeditor目录下。 打开看看吧,里面只有这么多内容,还全是注释,不过没有关系,这已经足够说明,ckeditor的配置是怎么进行的...原创 2018-03-09 13:57:31 · 1010 阅读 · 0 评论 -
手把手教你用 CKEDITOR (4): 扩展
今天让我们来探索一下ckeditor的扩展功能,换句话说就是自定义按钮,以及点击按钮之后实现的功能。 要实现自定义按钮,我们要做几个事情:1、准备一个图标,最好是16*16大小的png格式图片,你没有的话,姜哥帮你准备了一张。2、在plugins目录下建立我们和自定义插件同名的目录,并且在里面建立一个叫plugin.js的文件。3、在我们自己的插件目录中,建立一个dialogs目录,并...原创 2018-03-09 18:13:35 · 5317 阅读 · 4 评论 -
手把手教你用 CKEDITOR (5): Dialog 内嵌 IFrame
在上一篇博文中,姜哥跟大家探讨了在ckeditor中添加dialog,已经添加dialog的一些控件,最终将控件中的值插入到ckeditor编辑器中的过程。但是实际上,我们更多的应用,还是会在dialog中,添加iframe组件,直接引用外部网页,以实现更为复杂的功能。今天姜哥就和大家一起分享一下,这个开发过程。 继续我们上一个工程中的例子,我们是在contents中添加了elements,就像...原创 2018-03-09 23:28:52 · 6614 阅读 · 0 评论