TinyMCE设置编辑器里的图片大小

TinyMCE上传图片后，图片会显示在富文本编辑器里。如果图片太大，会占据编辑器很大的空间，影响内容的编辑，那么如何在编辑器里限制图片的大小呢？

TinyMCE自带配置可设置编辑区内的css，使用content_style及content_css皆可，本例使用content_style演示如何限制图片大小：

tinymce.init({
        selector: '#tinydemo',
        content_style: "img {max-width:70%;}"
});    

通过设置content_style配置项，可以为编辑器里的元素设置css样式，不仅是图片，其他元素的样式都是可以自定义的。下面是设置后的效果：