Ueditor

百度Ueditor编辑器wordimage踩坑

有些话、适合烂在心里 提交于 2019-12-04 07:13:01
背景 改造公司老项目后台编辑器,使用百度的Ueditor做替换。 发现问题 1、ue编辑器初始化后部分参数无法覆盖ueditor.config.js中的选项。 2、wordimage(word图片转存)始终是灰色,无法使用。 解决办法 1、将ueditor.config.js中的inputXssFilter设置为false 2、将ueditor.all.js源码中添加input过滤规则的地方添加上下面的代码: if (whitList && config.inputXssFilter) { ... if (node.type !== 'element' ) { return false ; } // 添加内容开始 if (node.tagName === 'img' && node.attrs.word_img) { return false ; } // 添加内容结束 filter(node); ... } 复制代码 推荐使用第二种方法解决 寻踪 首先打开ueditor.all.js搜索“wordimage”找到 本地图片引导上传 UE.plugin.register( 'wordimage' , function (){ ... 复制代码 在 inputRule 方法中使用 debugger 打断点调试,发现在这里img的attrs变了 紧接着搜索"!== 'element'

给微赞程序富文本编辑器加上传附件功能

妖精的绣舞 提交于 2019-12-04 07:08:43
微赞程序中,新闻编辑中,使用的ueditor,做了定制,去掉了一些按钮,但是一些情况下需要上传附件 如果给ueditor加上上传附件的图标, 富文本编辑的调用是使用了以下函数的 function tpl_ueditor($id, $value = '', $options = array()) { 函数所在位置在/web/common/tpl.func.php这个文件中约985行 作者这个函数中写的ueditor配置信息, 上传附件的按钮是 'attachment',这个参数 加入这个参数后,实际上传的配置信息是没有配置好的,需要在加入上传文件信息 var ueditoroption = { 'autoClearinitialContent' : false, 'toolbars' : [['fullscreen', 'source', 'preview', '|', 'bold', 'italic', 'underline', 'strikethrough', 'forecolor', 'backcolor', '|', 'justifyleft', 'justifycenter', 'justifyright', '|', 'insertorderedlist', 'insertunorderedlist', 'blockquote', 'emotion',

ueditor1.4.3 jsp版在ssh下的配置

前提是你 提交于 2019-12-04 07:02:16
对于ueditor就不介绍了,网上一大把,直接言归正传,其主要问题是图片等的上传。 开发环境: myeclipse2014+tomcat7+spring3.1.1+hibernate4.1.4+struts2.1+ueditor1.4.3 jsp版 备注:上述ssh环境其实就是MyEclipse2014自带的。 新建web project,命名为:news;搭建好ssh环境,从ueditor官网下载最新版:1.4.3 jsp版。 在WebRoot下新建文件夹:ueditor,将下载解压后的ueditor所有文件复制到此文件夹下,目录结构如图: 修改ueditor/jsp/config.json,如图(请忽略乱码注释): 修改ueditor/ueditor.config.js,如果((请忽略乱码注释): 将ueditor/jsp/lib下的所有Jar文件复制到news项目的WebRoot/WEB-INF/lib中; 在index.jsp中加载ueditor: <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min

让富文本编辑器支持复制doc中多张图片直接粘贴上传

旧时模样 提交于 2019-12-04 06:30:49
公司做的项目要用到文本上传功能。 Chrome+IE默认支持粘贴剪切板中的图片,但是我要粘贴的文章存在word里面,图片多达数十张,我总不能一张一张复制吧 我希望打开文档doc直接复制粘贴到富文本编辑器,直接发布 那么Ueditor很不错,对于文本的上传功能可以说强大,点个赞! 但是对于多个图片的上传还有一点缺陷,因为Ueditor本身不支持,粘贴后直接就是空白,这里面一定有原因。 好,开始尝试改进UMeditor,Chrome只能获得本地路径,无法读取文件。 https://dwz.cn/ORcEz9fz 难道就这么失败了? 不,但是我意外发现UMeditor竟然支持说明: http://docimg.ncmem.com/162/7c9373db.jpg粘贴word中的多张图片 切换HTML nice,机会来了,既然IE支持复制word中的多张图片, 那么我们来改造升级Ueditor。 打开你的ueditor.all.js(1.4.3版本以下行号根据自己使用的版本可能不同) 1、注释掉14679行(暂时不明确有什么不良影响) //执行默认的处理 //me.filterInputRule(root); 2、在28725行插入以下代码(上传完成替换为你的img属性src为服务器图片url) //ie11粘贴图片base64,此处用于上传 if (baidu.editor

ueditor 如何支持word转存图片

非 Y 不嫁゛ 提交于 2019-12-04 06:26:21
公司做的项目需要用到粘贴Word功能。就是将word内容一键粘贴到网页编辑器(在线富文本编辑器)中。Chrome+IE默认支持粘贴剪切板中的图片,但是我要粘贴的文章存在word里面,图片多达数十张,我总不能一张一张复制吧 ? 我希望打开文档doc直接复制粘贴到富文本编辑器,直接发布 网上找了很久,大部分都有一些不成熟的问题,皇天不负有心人终于让我找到了一个成熟的项目。 1、前端引用代码 <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>编辑器完整版实例-1.2.6.0</title> <scripttype="text/javascript" src="ueditor.config.js" charset="utf-8"></script> <scripttype="text/javascript" src="ueditor.all.js"

Ueditor多图上传改为自动上传

断了今生、忘了曾经 提交于 2019-12-04 06:24:12
首先把页面里的上传按钮隐藏掉,在: ueditor\dialogs\image\image.html <div class="btns"> <div id="filePickerBtn"></div> <div class="uploadBtn" style="display:none;"><var id="lang_start_upload"></var></div> </div> 然后修改ueditor\dialogs\image\image.js 找到addFile方法, 在最后面加上: //自动上传 clickUpload = function () { $upload.click(); } setTimeout("clickUpload()", 200); 就可以了。 此方法经测试有bug: 多图上传时有时会卡在上传中,无法上传。 来源: CSDN 作者: yuyueras 链接: https://blog.csdn.net/y18749247391/article/details/79915611

ueditor编辑器+粘贴word

吃可爱长大的小学妹 提交于 2019-12-04 06:22:18
最近公司做项目需要实现一个功能,在网页富文本编辑器中实现粘贴Word图文的功能。 我们在网站中使用的Web编辑器比较多,都是根据用户需求来选择的。目前还没有固定哪一个编辑器 有时候用的是UEditor,有时候用的CKEditor,KindEditor,TinyMCE。 在网上查了很多资料,UEditor和其它的Web编辑器(富文本编辑器)在Chrome中可以支持单张图片粘贴。但是我们的用户需要处理的是Word中的图片和文字,一般情况下Word中的图片可能有十几张。有时候有几十张。特别是用户发一些教程或者使用说明类的文档时图片都是大几十张的。 在网上找到说UEditor支持word粘贴,试了一下,只支持一张图片的粘贴。多张图片粘贴还需要用户自已手动选择。也就是说如果用户粘贴的Word中包含20张图片的话,那么用户就需要手动选择20次,这种操作用户是不可能接受的。 网上找了很久,大部分都有一些不成熟的问题,皇天不负有心人终于让我找到了一个成熟的项目。 1、前端引用代码 <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml

word图片上传到服务器

半腔热情 提交于 2019-12-04 06:21:36
1.1. 集成到UEditor1.x 说明: 1.wordpaster以插件形式集成到ueditor中,不会对ueditor原有功能造成影响。当不需要wordpaster功能时可以直接卸载。 2.wordpaster使用的上传页面是一个单独的页面,和ueditor官方demo中的上传页面不是同一个页面。 3.wordpaster与ueditor版本无关,可支持多个版本。 4.wordpaster是基于插件技术实现的功能,使用前需要安装插件。 主要步骤如下: 1.1.1. 上传WordPaster文件夹 1.1.2. 在工具栏图标集合中增加插件按钮图标 1.1.3. 修改ueditor.css文件 增加以下代码: .edui-default.edui-for-wordpaster.edui-icon { width: 16px; height: 16px; background-position: -648px-77px; } .edui-default.edui-for-netpaster.edui-icon { width: 16px; height: 16px; background-position: -693px-77px; } .edui-default.edui-for-excelpaster.edui-icon { background-position:

ueditor 如何支持word转存图片

廉价感情. 提交于 2019-12-04 06:16:57
这里只写明自己使用,如果对你没有帮助,请见谅 参考了该博客 http://blog.csdn.net/will_awoke/article/details/39579061 这个博客制作上传绝对路径的jar,按照ueditor推荐的编译插件进行打包 这个是本人根据上面兄弟改写过的ueditor的jar,主要修改的的就是将 "imagePathFormat": "C:/resource/ueditor/upload/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ 这里配置的绝对路径获取,并且上传。下载地址是:http://download.csdn.net/download/u010503822/9616381 ueditor版本:1.4.3 主要涉及: 1.tomcat映射虚拟的存储目录(这里主要为了上传图片到c:/盘指定目录,通过访问前缀resource被tomcat配置的虚拟目录映射到实际目录进行访问) <Context docBase="C:\resource" path="/resource" /> 2.这里是拼接ueditor预览图片的js(其他的配置参考这个进行设置) "imageUrlPrefix": "/resource/ueditor/upload/image/", /* 图片访问路径前缀 */

粘贴后出发事件 ueditor

落爺英雄遲暮 提交于 2019-12-04 06:15:34
仅作自己参考的思路整理,不具参考性: jsp/js 1.页面上加入ueditor富文本编辑器 2.粘贴内容 ueditor.all.js 3.添加插件plugin 4.创建页面时,访问插件 5.粘贴图片 6.走粘贴后的监听事件 afterParse 7.走后台,上传图片,把替换前 替换后的url返回 8.拿到回调,替换图片 9.返回成功 保存。 来源: CSDN 作者: 一碗米粉 链接: https://blog.csdn.net/tuntun1120/article/details/78591834