您当前的位置:首页 > 计算机 > 精彩资源

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

时间:12-01来源:作者:点击数:

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

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

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

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

TinyMCE设置编辑器里的图片大小
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门