当前位置:首页 > 前端 > 正文内容

Ckeditor踩坑记

Z先生8年前 (2017-12-04)前端2760

说实话,用了很多富文本编辑器,最精益求精的还是Ckeditor!

曾经一度依赖于百度的Ueditor,因为其简单,方便;特别是在图片上传、H5上传、远程文件下载支持这三个方面,表现尤为突出!

但是CK呢,也有很多坑!比如上传的支持!比如内容同步的问题!比如纯E问的API文档!

毕竟是要在自己的公司的CMS系统上用,即使有这么多的困难,这些都是要逐一克服的么!

先来三个最基本的坑!

一、初始化

var editor1 = CKEDITOR.replace('editor1');

二、配置文件:

1、同一个页面使用同一个单独的配置文件:

CKEDITOR.config.customConfig = "config_mini.js";

2、同一个页面使用不同的配置

var editor1 = CKEDITOR.replace('editor1',{
	customConfig:'config_mini.js',
	height:'auto'
});

三、关于autoUpdateElement

配置属性autoUpdateElement在普通表单下,是OK的,但是ajax提交的表单就有问题了,百度的很多方法,其实都不是十分的理想,于是查各种手册,查到了change事件,自己做了个方案,完美的解决了这个问题。代码如下:

var editor1 = CKEDITOR.replace('editor1');
editor1.on("change", function() {
	editor1.updateElement();
})

 

分享给朋友:

相关文章

实现 OpenSearch(Tab to Search)功能

在网站上添加了 OpenSearch 功能以后,IE 7.0 和 Firefox 2.0 以上的浏览器就能够在自带的搜索栏里面添加这个网站的搜索功能了。第一:原始网站支持GET传递参数搜索:第二:编写...

VUE打包时from UglifyJs Unexpected token: punc (()错误解决方案

归其原因是因为缺少ES2015的语法解析。因此进行如下2步操作即可解决问题:1、安装babel-preset-es2015npm install babel-preset-es20...

npm删除掉所有模块并重新安装的方法

1、删除目录:node_modules2、运行清理命令npm cache clean -f3、安装npm install...

微信小程序强制热更新

微信小程序强制热更新

微信小程序分为冷启动和热启动,在更新后,一般需要一个周期,用户端才会重新更新。官方从小程序基础库版本1.9.90开始支持强制更新异步更新 + 强制更新方案介绍从基础库 1.9.90 开始,我们提供了&...

微信html链接小程序原始写法(暂未测试)

微信html链接小程序原始写法(暂未测试)

无意间发现了微信的这个链接,这几天比较忙,暂时还没有测试,等空了再测试一下。<a class="weapp_text_link"   &nbs...

写给即将寿终正寝的Flash,即html5 Flash解决方案

写给即将寿终正寝的Flash,即html5 Flash解决方案

Adobe的Flash将于2020年12月31日正式终止。Adobe公司最近宣布,将会正式宣布停止对Flash的支持,这也变相宣布了Flash的死亡,Flash Player将于2020年12月31日...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。
请先 登录 再评论,若不是会员请先 注册