wangEditor富文本插入图片文本框高度适配

时间:2022-11-12 10:27:51

这是一个富文本框,用的是wangeditor:

wangEditor富文本插入图片文本框高度适配 wangEditor富文本插入图片文本框高度适配 wangEditor富文本插入图片文本框高度适配wangEditor富文本插入图片文本框高度适配

对应html代码为:<div id="div1" class="form-control" style="height:auto;" ></div>

上传图片过后,虽然在div1上直接写了一个样式(style="height:auto;" )但是文本框并没有 根据图片的高度自适应,可见,这段css根本没起作用,原因在于被wangeditor的js文件重写了。

解决方案:

在创建editor的最后添加定义css的代码,即在 editor.create();这句后面添加,(wangEditor的用法详见手册http://www.kancloud.cn/wangfupeng/wangeditor2/113965)

 $('#div1').attr('style','height:auto;');


效果如下:

wangEditor富文本插入图片文本框高度适配wangEditor富文本插入图片文本框高度适配