TinyMCE上传图片后,图片会显示在富文本编辑器里。如果图片太大,会占据编辑器很大的空间,影响内容的编辑,那么如何在编辑器里限制图片的大小呢?
TinyMCE自带配置可设置编辑区内的css,使用content_style及content_css皆可,本例使用content_style演示如何限制图片大小:
tinymce.init({
selector: '#tinydemo',
content_style: "img {max-width:70%;}"
});
通过设置content_style配置项,可以为编辑器里的元素设置css样式,不仅是图片,其他元素的样式都是可以自定义的。下面是设置后的效果: