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

Ckeditor踩坑记

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

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

H5手机上,禁用长按选择功能

1、屏蔽所有标签:* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none;...

H5模拟微信菜单下拉菜单

H5模拟微信菜单下拉菜单

核心HTML代码:核心点:外层类“submenu-warp”子菜单类:“submenu”<div data-href="#mainurl" class=&...

npm如何使用国内镜像源?

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

ColorUI色系

ColorUI色系

                          ...

MUMU模拟器调试APP注意事项

MUMU模拟器默认ADB端口7555,所以要么修改MUMU默认端口,要么修改IDE编辑器链接端口为7555。做好这个MARK!...

发表评论

访客

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