为ckeditor图片设置样式

大胖鼠 发表于 2019-03-05 21:58:27

需求:固定ckeditor编辑器内图片的最大宽度。避免出现图片过大,影响编辑效果。

 

设置ckeditor编辑器内图片样式代码:

//图片最大宽度为1000
CKEDITOR.addCss("img{width:1000px;}");

全局配置可以放在ckeditor的config.js里。

 

固定最大宽度后可以禁止ckeditor为图片增加style样式,页面显示时可以通过css设置图片最大宽度。

禁止ckeditor为图片增加style样式的代码为:

//禁止自动给img标签添加width和height的style内联样式
config.disallowedContent = 'img{width,height};img[width,height]';

 



排序:
加载中...