Ueditor给上传图片增加一个设置class样式的选项
yuyutoo 2024-10-12 01:13 5 浏览 0 评论
效果如图：
第一步：修改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行附近，找到RemoteImage.prototype下的initContainer: function ()方法
加入：'className': $G('class'),如图
在270行附近扎到：getInsertList: function ()方法
加入：class: data['className'] || '', 如图
测试效果：选中上传的一张图片，点击修改
填入class名称，然后点确认
切换到html源码：
相关推荐
- MATLAB实例讲解—求二元函数的极值
-
实例程序...
- 解析式大赛的获奖作品代码和公式公布啦!
-
上方超级数学建模可加关注传播数学干货，学会理性的方式去思考问题大家期待已久的运行代码终于新鲜出炉了！！！抱歉让各位粉丝久等了接下来就是揭秘奇迹的时刻1、emoji解析式：无代码：holdon...
- 基于MATLAB的ACC控制算法设计及仿真测试
-
作者...
- MATLAB基础学习之坐标转换（matlab改坐标）
-
（一）平面坐标转换1．cart2pol：将笛卡尔坐标转换为极坐标；2．pol2cart：将极坐标转换为笛卡尔坐标；（二）立体坐标转换1．cart2sph：将笛卡尔坐标转换为极坐标；2．sph2cart...
- 「太极创客」零基础入门学用物联网 - MQTT篇 1-9 自我测试
-
到目前为止，我们已经掌握了MQTT通讯的基本流程以及如何使用ESP8266来发布和订阅MQTT消息。这节课我们来进行自我测试。...
- 用豆包改了一下午程序，感觉它聪明得超乎想象
-
之前低估了AI的聪明程度，AI持续学习下去，未来可以做的事情太多了，编程已经算是比较复杂的事情都能完成得这么好，那些项目计划、工作报告更是小儿科。今天用豆包改了几个程序，提出的BUG也能修改完成...
- Node-Media-Server开源流行Nodejs流媒体服务器
-
简介Node-Media-Server一个Node.js实现的RTMP/HTTP/WebSocket/HLS/DASH流媒体服务器。开源github地址：https://github.com/il...
- 如何应对 RAG 开发挑战?12 个痛点逐一击破
-
受到论文《SevenFailurePointsWhenEngineeringaRetrievalAugmentedGenerationSystem》的启发，并结合实际开发RAG（检...
- 团队协作-代码格式化工具clang-format
-
环境：clang-format:10.0.0前言统一的代码规范对于整个团队来说十分重要，通过git/svn在提交前进行统一的ClangFormat格式化，可以有效避免由于人工操作带来的代码格式问题。C...
- 如何编写自己的Arduino库?（arduino怎么自己写库）
-
支持一对一答疑的购买地址...
- Auto CAD 命令(A)（cad命令aaw）
-
ABOUT（命令）显示有关产品的信息。...
- 一文读懂设计模式，看这篇就够了（设计模式是干嘛的）
-
转载：javadoop.com/post/design-pattern一直想写一篇介绍设计模式的文章，让读者可以很快看完，而且一看就懂，看懂就会用，同时不会将各个模式搞混。自认为本文还是写得不错的，花...
- ASL开发者指南:构建健壮高效的C++应用
-
1.库介绍AdobeSourceLibraries(ASL)，现在由stlab维护，是一组专注于提供高质量、经过实战检验的C++组件的集合。它最初由Adobe公司开发，旨在解决构建...
- linux下GDB使用方法（linux怎么用gdb调试）
-
gdb是GNU开源组织发布的一个强大的Linux下的程序调试工具。一般来说，GDB主要帮助你完成下面四个方面的功能：1、启动你的程序，可以按照你的自定义的要求随心所欲的运行程序。2、可让被调试的程...
欢迎 你 发表评论:
- 一周热门
-
-
前端面试:iframe 的优缺点? iframe有那些缺点
-
带斜线的表头制作好了，如何填充内容?这几种方法你更喜欢哪个?
-
漫学笔记之PHP.ini常用的配置信息
-
其实模版网站在开发工作中很重要，推荐几个参考站给大家
-
推荐7个模板代码和其他游戏源码下载的网址
-
[干货] JAVA - JVM - 2 内存两分 [干货]+java+-+jvm+-+2+内存两分吗
-
正在学习使用python搭建自动化测试框架?这个系统包你可能会用到
-
织梦(Dedecms)建站教程 织梦建站详细步骤
-
【开源分享】2024PHP在线客服系统源码(搭建教程+终身使用)
-
2024PHP在线客服系统源码+完全开源 带详细搭建教程
-
- 最近发表
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)