tinymce富文本编辑器在图片上传完成后,插件默认设置的是图片的固定宽高,这样在移动端显示的时候就会出现横向滚动条,体验非常不好,现在想要的结果是上传后默认设置宽度100%,高度自动。只需修改一下回调接口代码即可:
tinymce.init({
toolbar_sticky: true,
autosave_ask_before_unload: false,
//images_upload_handler:this.handlerAddImg,
重点是这个回调方法
file_picker_callback:that.handlerAddFile,
})
下面是回调的伪代码
handlerAddFile(cb, value, meta){
//cb是回调函数,在这里面调用回调函数,传相应的属性即可
cb(img_url, { alt: img_title, width:'100%', height:'auto'});
}
修改后再次测试上传图片就变成想要的结果了,效果如下图: