富文本编辑器图片上传和滚动条的配置

tinymce富文本编辑器的上传图片大小默认为100%,可以在content.min.css.js里设置默认上传图片的大小
如下代码所示,这样默认上传的图片大小是富文本编辑器的80%,而且图片也不会变形。对于原尺寸不超过富文本编辑器80%宽度的图片不会受改变

.mce-content-body p img{max-width: 80%;width: auto;height: auto;
}

滚动条的配置

1.最简单的方法就是在配置时添加Autoresize插件:

tinymce.init({  selector: "textarea"}); 

2.相关配置

 tinymce.init({  ...  plugins: "autoresize",  autoresize_bottom_margin: 50,  autoresize_max_height: 500,  autoresize_min_height: 350,  autoresize_on_init: true,  autoresize_overflow_padding: 50});

3.修改样式的话

content_style: 'body p img{ max-width: 100%;width: auto;height: auto; }', 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值