实战-Ueditor扩展二次开发

最新推荐文章于 2021-11-26 18:28:05 发布
最新推荐文章于 2021-11-26 18:28:05 发布
阅读量1.5k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fswhwd/article/details/84060902
版权
本文分享了关于Ueditor的扩展和二次开发经验，通过修改JSP页面引入插件JS，详细介绍了实战过程。同时推荐了一位老师的人工智能教程，适合零基础学习者。
摘要由CSDN通过智能技术生成

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

                第一部分 开发前期准备    

1、UEditor从1.4.1开始，添加对于二次开发的扩展支持。
   Jeewx扩展二次开发采用1.4.3.1 Jsp 版本

2、上传图片设置
   简述: UE做的不够灵活，不如老版本

    [1] 配置文件：ueditor/jsp/config.json
       说明: 所有项目配置访问前缀

    [2] 引入UE依赖的JAR包
       特殊说明：UE自带的ueditor-1.1.2.jar有问题，经过修改源码好用。

第二部分 扩展增加按钮DEMO

   [1] customizeToolbarUIDemo.html页面
<!DOCTYPE HTML>
<html>
<head>
    <title>完整demo</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <!--UEditor-->
    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></scrip
最低0.47元/天 解锁文章
fswhwd
关注
基于UEditor编辑器二次开发
u013723348的专栏
06-01 5083
需求：1、在原有ueditor编辑器的音频上添加标题；2、在原有ueditor编辑器的视频上添加可以上传封面图片(ps:就不能后台获取吗。。一定要前端做)；准备资料：(心路历程...)头儿说：我们的原则是，不能改变他本身的ueditor.all.min.js 或者ueditor.all.js.........不能改变！不能改变！不能改变！1、我们的后台是.net环境，首先，我去下载了UE的完整包，...
UEDITOR编辑器+粘贴WORD
最新发布
alisky119的博客
08-05 945
之前网上搜到的方案很少，现在由于HTML5的流行，chrome提供了相关的API，所以在网上也是能够搜到很多方案的，不过99%的方案实际上说的都是同一个方案，也就是借助于HTML5来实现，也就是借助于chrome的API来实现，这个方案的话也是能够满足一般的需求，但是兼容性方面有点问题，不能兼容IE浏览器，我们技术部在对这个方案进行测试的时候发现在有的用户电脑行，有的用户电脑不行，也没找到原因。web富文本编辑器这块他也不是很熟，之前也没怎么用过，然后又在网上找资料，帮他解决各种配置的问题。
UEditor 如何进行二次开发
iteye_14984的博客
09-23 375
背景 UEditor虽然功能众多，但对于广大开发者来说，还是有很多定制化的功能需求，如果都靠UEditor团队自己开发那是不现实的，这时就需要广大开发者在UEditor的基础上自己开发定制功能。但在之前的版本中，UEditor对于二次开发的支持不够优化，经常需要开发者不仅要开发相应的功能，例如command命令,plugin插件等，还要在UEditor上修改多处文件，例如，添加按钮，添加样式等等，...
ueditor编辑器二次开发与优化
水月洞天
11-23 1838
多图上传 图片在线管理页面不显示 其中的在线管理页面图片无法显示，控制台报错500,后台报错内容如下： Python NameError: name 'unicode' is not defined ` 出错的位置位于DjangoUeditor/views.py,之所以报错是因为Python2 的unicode 函数在 Python3 中被命名为 str。在 Python3 中使用我们需要使用str 来代替 Python2中的 unicode如此页面可以正常显示图片了 在线管理给图片增加删除按钮
基于百度编辑器Ueditor的二次开发
onlyhom's notebook
06-28 3871
基于百度编辑器Ueditor的二次开发需要修改的功能功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 在业务开发的时候，...
springboot_ueditor.rar
10-26
4. 开源与自由：遵循MIT协议，开发者可以自由使用、修改和分发代码，降低了二次开发的门槛。 二、SpringBoot集成UEditor步骤 1. 引入库：首先，我们需要在SpringBoot项目的pom.xml文件中添加UEditor的依赖，通常是...
ueditor包含使用方法
07-08
UEditor是一款由百度公司开发的开源富文本编辑器，广泛应用于网页内容编辑和管理。它提供了丰富的编辑功能，包括文字格式化、图片上传、视频插入等，使得非技术人员也能轻松进行网页内容编辑。在本篇文章中，我们将...
ueditor在线编辑器的使用
08-02
但为了更安全，建议在服务器端进行二次过滤。同时，ueditor提供了压缩版本，减小了文件体积，提高了加载速度。 ### 六、实战应用 在实际项目中，ueditor常用于博客、论坛、CMS系统等，用于用户发布文章或评论。...
Web开发 ------ 基于Django+Vue网上购物商城（二）：商品以及商品类 API接口设计
weixin_44568633的博客
04-11 2203
文章目录Web开发 ------ 基于Django+Vue网上购物商城（二） Web开发 ------ 基于Django+Vue网上购物商城（二） 准备工作： 登陆云片网，生成短信的API-key。（开发者认证时长半个小时） ...
ueditor二次开发Java源码
07-30
ueditor二次开发Java源码，支持图片或者文件上传到项目外面
基于百度UMeditor编辑器二次开发
08-11
基于百度UMeditor编辑器二次开发，上传图片不依赖后端配置，支持数学公式。
DjangoUeditor3-2.0二次开发完美版，支持python3和django2.0以上。
03-03
经过不懈的努力，在官网停止开发的基础上，修改开发成支持python3和django2.0以上的环境。
ueditor和umeditor
12-17
ueditor和umeditor,有需要的可以下载来使用。
关于UEditor的二次开发总结
dly120219891208的专栏
08-28 2982
尽管UEditor功能已经很强大了，但是有时候我们还是
UMEditor 二次开发技术实践
weixin_34266504的博客
05-03 106
许多项目都会或多或少的结合许多第三的组件，恰好，遇到了UMeditor富文本组件，因为它及其精简，功能强大，有专业团队维护，所以，我选择了它，而且它出色的完成项目中的全部功能的需求，对此，我说一下，二次开发的技巧总结： 1.创建一个富文本编辑器UMEditor，“closeIDE”就是要增加的一个按钮 var ue = UM.getEditor('myEditorList', { ...
基于UEditor组件二次开发自定义下拉框(支持html版本管理)
前端博客典中典
11-26 548
组件封装 /assets/js/platform/form/formDef/custCombox.js: /** * 自定义下拉框(版本管理) */ UE.registerUI("custCombox", function (editor, uiName) { var key = $.getParam("key"), btnType = $.getParam("btnType"); if (!key) return null; var combox = null.
vue-ueditor-wrap. 多次上传照片
09-13
您好！对于多次上传照片，您可以使用vue-ueditor-wrap的以下方法来实现： 1. 在Vue组件中引入vue-ueditor-wrap模块，并在data中定义一个数组来存储上传的照片列表，例如： ```javascript import VueUeditorWrap from 'vue-ueditor-wrap'; export default { components: { VueUeditorWrap }, data() { return { photos: [] // 用于存储上传的照片列表 }; } } ``` 2. 在模板中使用vue-ueditor-wrap组件，并将上传成功后的回调函数绑定到`@ready`事件上，例如： ```html <template> <div> <vue-ueditor-wrap @ready="handleEditorReady" ></vue-ueditor-wrap> <div v-for="(photo, index) in photos" :key="index"> <img :src="photo.url" alt="照片" /> </div> </div> </template> ``` 3. 在`handleEditorReady`方法中，获取上传的照片列表，并将其添加到之前定义的photos数组中，例如： ```javascript methods: { handleEditorReady(editorInstance) { const uploader = editorInstance.getUploader(); if (uploader) { uploader.ready(() => { // 监听上传成功事件 uploader.addListener('uploadSuccess', (file, response) => { // 获取上传成功后的照片URL const photoUrl = response.url; // 将照片信息添加到photos数组中 this.photos.push({ url: photoUrl }); }); }); } } } ``` 通过以上方法，您可以实现多次上传照片，并将其展示在页面上。希望能对您有所帮助！如有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值