当前位置:首页 > 前端

Ckeditor踩坑记

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

说实话,用了很多富文本编辑器,最精益求精的还是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();
})

 

分享给朋友:

相关文章

简易CSS3仿照微信对话框

惯例,直接上代码HTML代码:<div class="say-box say-left"> <div class="s…

字体图标的妙用

什么是字体图标对于前端的小伙伴来说,字体应该是再熟悉不过的东西了,对于文字我们可以通过css指定文字对应的字体,字号大小,颜色。得益于css3,我们还可以在css中引入服务端字体来实现自定义字体。而字…

npm如何使用国内镜像源?

通过命令配置1. 命令淘宝源npm config set registry https://registry.npmmirror.com腾讯源npm …

ColorUI色系

ColorUI色系

                          …

uniapp开发小程序,小程序二维传参与H5、分享页面参数兼容的处理方案。

首先小程序获取二维码接口有三个,2个限制数量,一个不限制数量,但是限制生成频率(5000次/分钟)和参数长度(32位),我使用的是不限数量的接口:getUnlimited,传递的参数为:invite=…

js获取指定文件的路径

获取指定js文件的路径var src = '/static/js/demo.js'; var path = src.sub…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。