当前位置:首页 > 前端

Ckeditor踩坑记

Z先生9年前 (2017-12-04)前端2959

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

IE11,Chrome粘贴图片上传的JS实现方法和逻辑

核心代码如下://处理IE11,Chrome粘贴图片上传 function pasteUpload() { var file = null;…

【原创】api接口模拟器(NodeJS版)

最近遇到一个项目,内网的APP,后端数据和前段开发属于异地,没法直接做接口数据测试。因此用NodeJs简单写了个API模拟器,只要将响应的数据放在对应目录下json.json文件中即可。请求地址全静态…

uniapp无缝滚动核心代码

1、页面代码核心代码<scroll-view class="scoll-warp">     <view&nb…

js中获取当前url路径

网上转的,用的时候整理// 返回 web 主机的域名,如:http://127.0.0.1:8080/testdemo/test.html?id=1&name=t…

记vue/uniapp本地调试以及部署代理服务器设置哪些事

接触vue差不多也一年有余,很多概念性的东西都不懂,逐步已经习惯了npm来安装,之前其他同事做的一些项目,npm自己拿过来也踩了很多坑,比如换个环境再npm就跑不起来了等等之类的,遇到最多的就是scs…

发表评论

访客

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