您的位置 首页 > 数码极客

如何新增图片样式 如何套用图片样式…

效果如图:


第一步:修改html
打开:ueditor/dialogs/image目录下的image.html
在远程图片中,65行后加入如图代码:

<div class="row">
<label><var id="lang_input_class"></var>class:</label>
<span><input class="text" type="text" id="class"/></span>
</div>


这样在修改图片的时候就有了class这个文本框可以填写了
第二步:修改js
打开:ueditor/dialogs/image目录下的image.js
在155行附近,找到Remo下的initContainer: function ()方法
加入:'className': $G('class'),如图

在270行附近扎到:getInsertList: function ()方法
加入:class: data['className'] || '', 如图

测试效果:选中上传的一张图片,点击修改


填入class名称,然后点确认

切换到html源码:


责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“如何新增图片样式,如何套用图片样式,如何新建图片样式,图片如何设置图片样式,如何设计图片样式”边界阅读