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

Ckeditor踩坑记

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

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

 

分享给朋友:

相关文章

小程序二维码传参处理&UNIAPP H5传参兼容处理

首先小程序生成二维码,我这里调用的接口是:getUnlimited,我传递的参数是:invite=10001接着就是小程序中处理,如果直接扫二维码在App.vue的onLaunch中,使用decode...

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

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

npm 更新模块

npm update只能按照package.json中标注的版本号进行更新,升级后不会修改package.json中的版本号,需要自己手动修改,比较麻烦。npm-check-updates 升级插件升...

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

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

巨坑:API在某些情况下POST请求会自动变成GET的解决方案

这个问题我已经不是第一次遇到了。之前没有收集整理,一般情况下,出现这种情况,都是有2次请求,一次301,在一次200,然后post就变成了get。一般出现这个情况,API接口和?之间不是反斜杠,导致3...

antd vue版一些小细节

复选框默认选择复选框选择默认选择,但是不要使用属性手上的checked,否则渲染后无法动态修改,有defaultChecked方法,但是测试无效,所以使用valuePropName: <pre...

发表评论

访客

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