Ueditor

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

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Java富文本编辑之图片链接本地化 作者：邵发 官网： http://afanihao.cn/java 本文介绍在图文混编项目中（博客、新闻等），如何将富文本中的图片外链转为本地链接的问题。本文是Java学习指南系列教程的官方配套文档，项目源码在本文末尾说明。 所谓富文本Rich Text，就是以HTML形式表示的文本。在前端通常由富文本编辑器得到，比如UEditor，KindEditor，wangEditor等富文本编辑器。在富文本中可能存在外链的图片链接，那么后台如何将外链图片转为本站链接，是本文要讨论的话题。 1. 富文本编辑器 在需要实现图文混排功能时，可以使用前端的富文本编辑器。常见的富文本编辑器有 UEditor, KindEditor, wangEditor等，使用起来大同小异。比如，下图以KindEditor来演示。 在提交给后台时，可以调用编辑器提供的API来获取编辑器里面的HTML文本，里面包含了CSS样式和图片链接。关于富文本编辑器的使用，不在本文中详述。 2. 富文本中的图片外链 当富文本中包含了图片外链接，一般要求将外链转换为本站链接。 例如以下文本： <p> 根据外媒报道，12月6日，美国海军最新的两栖攻击舰“美国”号抵达了日本佐世保，加入了美国海军第七舰队。 </p> <p

一.xadmin的特点： 1.基于Bootstrap3：Xadmin使用Bootstrap3.0框架精心打造。基于Bootstrap3，Xadmin天生就支持在多种屏幕上无缝浏览，并完全支持Bootstrap主题模板，让您的管理后台也动感、多样起来。 2.内置功能丰富：Xadmin作为一款全面的后台管理系统框架，不仅提供了基本的CRUD功能，还内置了丰富的插件功能。包括数据导出、书签、图表、数据添加向导及图片相册等多种扩展功能。 3.真心强大的插件系统：Xadmin的插件系统借鉴了其他领域成功框架的设计思想，让插件可以扩展系统的任何一个功能点。对于开发者，Xadmin的插件开发简单；对于使用者，Xadmin的插件安装方便。 4.后台实际就是对表的增删改查，从某种程度上来讲不依赖于业务逻辑，又可以在后台对每张表管理时加入自己的后台逻辑，这也是它优于很多后台管理系统的原因。 二.xadmin的安装： 1.直接通过pip安装：pip install xadmin（会有三个依赖包：django-formtools ，django-crispy-forms ，httplib2 都会自动安装好） 2.通过githup上搜索xadmin，直接下载源码包，只需把下载文件中的xadmin文件夹拷贝到项目根目录配置便可以使用，当然得把pip安装得xadmin卸载后使用的才是导入的源码包--pip

phpcms自带富文本编辑器为ckeditor，功能不必多说，排版尤其不便；决定替换为百度UEditor。 这里phpcms版本为V9.5.9，UEditor版本为[1.4.3.3 PHP版本]——UTF-8版。其余版本大致相同，具体替换步骤如下：（ 提示：修改文件前请做好备份 ） 一、下载UEditor： http://ueditor.baidu.com/website/download.html 二、解压到phpcms目录： 将压塑包内文件夹重命名为 ueditor，解压到phpcms目录下面的 ./statics/js/ 目录下： 三、修改ueditor文件夹中 ueditor/php/config.json文件 ，全局替换： （1）替换上传文件的路径 ，将 /ueditor/php/upload/... 替换为 /uploadfile/...； 以上传图片为例，UEditor默认的图片上传路径设置为 phpcms中图片（附件）的路径及命名规则是 /uploadfile/年/月日/文件名，其中文件名的命名规则是 “年+月+日+时+分+秒+随机3位数字”，故这里替换imagePathFormat的配置项为： 其余以下各个上传配置项的上传路径 'XXXXPathFormat' 部分，均替换为： “/uploadfile/{yyyy}/{mm}{dd}/{yyyy}{mm}{dd}

①先到官网下载资源包（先定制编辑器导航工具，再下载） ②上传到phpcms默认的js文件路径，上传后的文件路径如下 \statics\js\ueditor\ ②打开/phpcms/libs/classes/form.class.php，找到如下代码： if(!defined('EDITOR_INIT')) { $str = '<script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"></script>'; define('EDITOR_INIT', 1); } 替换成： if(!defined('EDITOR_INIT')) { $str = '<script type="text/javascript" src="'.JS_PATH.'ueditor/editor_config.js"></script>'; $str .= '<script type="text/javascript" src="'.JS_PATH.'ueditor/editor_all.js"></script>'; $str .= '<link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/ueditor.css"/>'; define('EDITOR_INIT

每日构建版更新日志 版本号:20130310.228.116 构建日期：2013-03-10 228.打开首页显示更新列表的功能By madj 227.将默认编辑器调整为百度UEditorBy madj 226.系统菜单管理的菜单详细说明由原来的TextAreaBox类型修改为Richtextbox类型By madj 版本号:20130310.225.115 构建日期：2013-03-10 225.解决主界面修改密码对话框不显示的问题 解决用户管理模块重置密码对话框无法关闭的问题 解决发布日志模块修改日志对话框无法关闭的问题 来源： oschina 链接： https://my.oschina.net/u/92916/blog/112812

在项目里做文章管理时，使用富文本编辑器比较方便，主要是多图片上传比较方便，第一次使用，感觉无从下手，这里记录一下我的方法 1.首先就是去官网下载对应的php版本的富文本编辑器，这里使用的是1.4.3.2 php版本 2.将下载的文件解压之后，将文件名改为Ueditor，放在项目里，我放在了Public文件夹下 3.然后到view文件下的要使用富文本编辑器的页面进行初始化（引入js文件，进行设置）， 这里UE.getEditor 中的 info 就是 textarea的id名称 到这里就初始化完成了，到页面刷新就会看到富文本编辑器的框框 4.如果你是在本机上没有设置站点的情况下进行测试，编辑器已经可以使用了，因为富文本编辑的图片默认的保存地址是自动创建的，而且创建的位置是和你的项目同级的位置 5.当你要把项目上传到服务器之后，你会发现保存图片出现问题了，这是因为保存图片的文件夹在项目外面，图片就添加不上,这时就需要修改富文本编辑的配置， 找到config.json文件，如图位置 打开配置文件，找到imageUrlPrefix，填写你的域名，这样保存图片的文件夹就建在了项目里面，而不是和项目同级的位置，这样图片就可以上传成功了。（保存图片的文件夹是自动创建的） 这里需要注意的是，富文本编辑器保存的时候是连标签一起存进数据库的，所以查询数据库之后显示在页面时需要对内容进行处理，使用

一、大概使用： 官网：http://ueditor.baidu.com/website/download.html 使用：【参考index.html】 3.1 引入ueditor的js <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/static/js/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/static/js/ueditor/ueditor.all.min.js"> </script> <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败--> <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文--> <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/static/js/ueditor/lang/zh-cn/zh-cn.js"><

ueditor编辑文章时候。当现有文章有图片的时候， 再复制粘贴文本进去的时候。里面的图片就不能显示了， 编辑器查看文章Html代码，图片路径显示为：src="http://localhost/images/net/error!" 正确是：src="http://localhost/images/adc.jpg" 而我用的是自己定义的server的一个路径 查看源代码，发现这块功能是例如以下流程 当粘贴后。UE会将眼下编辑的全部内容中元素又一次赋值属性，即源代码中的setAttributes:function (node, attrs) { 这个时候假设img控件使用的是外部地址，那么就会建立一个连接，将这个图片下载到本地server 也就是例如以下 远程图片抓取功能 源代码中位置能够搜索 UE.plugins['catchremoteimage'] 这个内容在ueditor.config.js中是有明白配置（catchRemoteImageEnable）的，默认是开启的状态，假设不想用这个功能，就能够关闭掉。那么也就不会存在图片显示不出来的情况了 假设还不想关闭掉，就要研究源代码了 源代码中会开启抓取远程图片的监听，当触发粘贴事件后，会运行一次 me.addListener("catchRemoteImage", function () { 然后会请求上传图片的PHP

报如下错误 解决办法： //对编辑器的操作最好在编辑器ready之后再做 ue.ready(function() { }) <!-- 实例化编辑器 --> <script type="text/javascript"> $(function(){ var ue = UE.getEditor("container",{ autoHeight: false }); /对编辑器的操作最好在编辑器ready之后再做 ue.ready(function() { //设置编辑器的内容 ue.setContent('hello'); //获取html内容，返回: <p>hello</p> var html = ue.getContent(); alert(html) //获取纯文本内容，返回: hello var txt = ue.getContentTxt(); alert(txt); }); }); </script> 来源： https://www.cnblogs.com/linhuaming/p/11966247.html