ueditor样式过滤去除和远程图片上传自定义(代码片段)

关键词：

ueditor自定义编辑的时候，比如需要做延迟加载，这个时候需要自定义图片等，但是，ueditor会去除img上面的属性，比如data-original和把远程图片自动上传。

这个时候，首先，需要给图片自动上传加上属性，不如对于jquery.lazyload延迟加载的图片，必定带有data-original属性，只要检测出此属性，就不远程上传。其它属性自定义提那家，代码如下：

‘wordimage‘:

            execCommand:function () 

                var images = domUtils.getElementsByTagName(me.body, "img");

                var urlList = [];

                for (var i = 0, ci; ci = images[i++];) 

                    if(ci.getAttribute("data-original")||ci.getAttribute("original")||ci.getAttribute("local")||ci.getAttribute("remote")||ci.getAttribute("qiniu"))

                        break;

                    else 

                        var url = ci.getAttribute("word_img");

                        url && urlList.push(url);

                    

                

                return urlList;

            ,

第二，去除，对于script的过滤，对于script标签，添加特定的id活着class，不让ueditor处理。

                case ‘style‘:

                case ‘script‘:

                    if(node.id===‘andyZhou‘||node.className==="andyZhou")

                        break;

                    else 

                        node.setAttr(

                            cdata_tag: node.tagName,

                            cdata_data: (node.innerHTML() || ‘‘),

                            ‘_ue_custom_node_‘:‘true‘

                        );

                        node.tagName = ‘div‘;

                        node.innerHTML(‘‘);

                        break;

                    

                    break;

第三，在白名单中添加script和style标签。

        script:[‘src‘,‘defer‘,‘async‘,‘charset‘],

        source:[‘src‘],

        style:[],

这个时候，你就可以在html模式下自定义编辑，又享受ueditor的好处。

这个是自己DIY随便琢磨的，如果有更好的模式，请指教，多些。

转载请注明出处：ueditor样式过滤去除和远程图片上传自定义 - phpcms教程 - 周陆军的个人网站请添加链接描述

ueditor自定义图片视频尺寸校验(代码片段)

UEditor支持单图、多图以及视频上传，编辑器配置项支持文件格式、文件大小校验，对于文件宽高尺寸校验暂不支持。这里记录一下自定义图片、视频尺寸校验过程，内容核心主要是扩展校验逻辑和增加自定义提示文本。单图上... 查看详情

百度富文本编辑器ueditor自定义上传图片接口

如下图： 然后修改ueditor.all.js   查看详情

ueditor编辑器，自定义图片上传

<div>      <h1>完整demo</h1>      <form method="post" name="form">      <di 查看详情

ueditor改变上传图片的url，后台可使用自定义的程序接收

js中引入的版本:<scripttype="text/javascript"src="ueditor1_3_6-utf8-jsp/ueditor.config.js"></script><scripttype="text/javascript"src="ueditor1_3_6-u 查看详情

百度ueditor--自定义上传文件路径及读取文件

jsp中替换掉上传和预览图片的URL注意第一句判断，注意要用项目的相对URL return‘/sirdifoa/kentra/file/uploadImage.do‘;if(UE.Editor.prototype._bkGetActionUrl == undefined)UE.Editor.prototype._bkGetActionUrl = U 查看详情

ueditor自定义实现文件上传

参考技术A1、ueditor.config.js文件配置服务器地址：2、当使用富文本上传文件时，会通过http://localhost/upload?action=config取获取配置信息3、配置信息和上传文件接口地址一样，只是通过action参数来识别： 查看详情

百度ueditor富文本上传图片(代码片段)

项目中使用UEditor发现设置图片自定义保存路径会出现《请求后台配置项http错误，上传功能将不能正常使用！错误》/*上传图片配置项*/"imageActionName":"uploadimage",/*执行上传图片的action名称*/"imageFieldName":"inputForm",/*提交的图片表单... 查看详情

html自定义上传图片样式，并回显

 <divid="photoUpLoad"><inputtype="file"id="photo"name=""accept="image/*"><spanclass="cross">+</span><imgsrc=""alt=""id="photoEcho"></div> #photoUpLoad{wid 查看详情

ueditor工具栏自定义位置

UEditor上传图片啊表情啊这些工具栏我想拿出来放到自定义的位置上这样可以吗有没有参考谢谢大家参考技术A步骤一：创建编辑器varoption=initialContent:'helloworld',//初始化编辑器的内容minFrameHeight:200,iframeCssUrl:'../../themes/defau... 查看详情

ueditor无法上传图片异常

1.ueditor->themes->iframe.css添加样式2.Scripts中加入net文件夹（主要是因为解压后的Ueditor没有net文件夹）3.修改ueditor.config.js（serverUrl:URL+"net/controller.ashx"）4.最新的ueditor1.4.3中注意修改net/config.json文件中imageUrlPrefix和imag 查看详情

请问：百度ueditor编辑器为啥不能上传图片啊？在asp中，请求高手指教。

如图：Ueditor编辑器图片上传UEditor的图片上传采用了Flash上传的方式，在功能上支持批量、本地预览和实时进度提示，在界面上支持自定义背景、上传按钮和预览框等视觉元素的样式属性，基本能够满足各种用户的不同上传需求... 查看详情

vuequilleditor自定义图片/视频上传（elementui+oss）字体字体大小段落等(代码片段)

...用富文本编辑器，开始想到的富文本编辑器是百度的UEditor，UEditor功能齐全、插件多，但是图片只能上传到本地服务器，如果需要上传到其他服务器需要改动源码，而且是PHP、JSP、ASP、.Net版本，同时UEditor... 查看详情

ueditor之图片上传如何和真实项目结合

1.首先，我们定义一个名为GetConfigServlet的Servlet，真实项目应该是一个Controller，一样的，这个类就是加载后端配置文件类packagecom.ay.servlet;importjava.io.IOException;importjavax.servlet.ServletException;importjavax.servlet.annotation.WebServl 查看详情

ueditor可以上传远程服务器吗

...图片配置if(isset($_SESSION['admin']))$myPath='/../dofiles/ueditorUpload/admin/'.$_SESSION['admin']['id'].'/';elseif(isset($_SESSION['user']))$myPath='/../dofiles/ueditorUpload/user/'.$_SESSION['user']['id'].'/';else$... 查看详情

博客园设置自定义页面样式

首先是背景图片,这个修改对模版而言都是通用的bodybackground:url(‘URL‘)no-repeattopcenterfixed;这里图片路径可以上传到博客本地图片,图片就有了网上路径 然后是正文模块在整体背景中的浮动#homemargin:0pxauto;width:1000px;一个控制模... 查看详情

vuequilleditor自定义图片/视频上传（elementui+oss）字体字体大小段落等(代码片段)

...用富文本编辑器，开始想到的富文本编辑器是百度的UEditor，UEditor功能齐全、插件多，但是图片只能上传到本地服务器，如果需要上传到其他服务器需要改动源码，而且是PHP、JSP、ASP、.Net版本，同时UEditor... 查看详情

vue之ueditor自定义单图上传返回格式(代码片段)

项目使用Ueditor单图上传，不想因为一个上传就去更改数据返回的格式，也不想用后端的源码，那自己改一下好了！我后台返回格式如下：status:0,msg:'',data:查看了半天源代码，眼睛都看花了。。。࿰... 查看详情

自定义博客园主题样式(代码片段)

背景知识了解图片url获取1.将选定的背景图上传至博客园服务器将选定的图片上传至自己博客园的相册中2.获取上传至博客园服务器背景图的url打开相册，选择需要的背景图片-->单击-->在打开的图片上方右键-->复制图片地... 查看详情