ueditor百度编辑器去掉图片的在线管理(1/2)

具体方法

首先找到dialogs/image/中的image.html

删除代码

 代码如下 复制代码

<span tabSrc=”imgManager”><var id=”lang_tab_imgManager”></var></span>

然后找到image.js中的

 代码如下 复制代码

if ( id == “imgManager” ) {
list.style.display = “”;
//已经初始化过时不再重复提交请求
if ( !list.children.length ) {
ajax.request( editor.options.imageManagerUrl, {
timeout:100000,
action:”get”,
onsuccess:function ( xhr ) {
//去除空格
var tmp = utils.trim(xhr.responseText),
imageUrls = !tmp ? [] : tmp.split( “ue_separate_ue” ),
length = imageUrls.length;
g( “imageList” ).innerHTML = !length ? “&nbsp;&nbsp;”+lang.noUploadImage : “”;
for ( var k = 0, ci; ci = imageUrls[k++]; ) {
var img = document.createElement( “img” );
var div = document.createElement( “div” );
div.appendChild( img );
div.style.display = “none”;
g( “imageList” ).appendChild( div );
img.onclick = function () {
changeSelected( this );
};
img.onload = function () {
this.parentNode.style.display = “”;
var w = this.width, h = this.height;
scale( this, 100, 120, 80 );
this.title = lang.toggleSelect + w + “X” + h;
};
img.setAttribute( k < 35 ? “src” : “lazy_src”, editor.options.imageManagerPath + ci.replace(/s+|s+/ig,”") );
img.setAttribute( “data_ue_src”, editor.options.imageManagerPath + ci.replace(/s+|s+/ig,”") );
}
},
onerror:function () {
g( “imageList” ).innerHTML = lang.imageLoadError;
}
} );
}
}

删除即可！

上面是js的我们再附一篇NET下为百度文本编辑器UEditor增加图片删除功能 .

1、首先修改服务器端ueditornet下的文件imageManager.ashx，增加图片删除的处理。如下代码的Add部分所示：

 代码如下 复制代码

<%@ WebHandler Language="C#" Class="imageManager" %>
/**
 * Created by visual studio2010
 * User: xuheng
 * Date: 12-3-7
 * Time: 下午16:29
 * To change this template use File | Settings | File Templates.
 */
using System;
using System.Web;
using System.IO;
using System.Text.RegularExpressions;

public class imageManager : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/plain";
       
       
        string[] paths = { "upload", "upload1" }; //需要遍历的目录列表，最好使用缩略图地址，否则当网速慢时可能会造成严重的延时
        string[] filetype = { ".gif", ".png", ".jpg", ".jpeg", ".bmp" };                //文件允许格式

        string action = context.Server.HtmlEncode(context.Request["action"]);

        if (action == "get")
        {
            String str = String.Empty;
           
            foreach (string path in paths)
            {
                DirectoryInfo info = new DirectoryInfo(context.Server.MapPath(path));

                //目录验证
                if (info.Exists)
                {
                    DirectoryInfo[] infoArr = info.GetDirectories();
                    foreach (DirectoryInfo tmpInfo in infoArr)
                    {
                        foreach (FileInfo fi in tmpInfo.GetFiles())
                        {
                            if (Array.IndexOf(filetype, fi.Extension) != -1)
                            {
                                str += path+"/" + tmpInfo.Name + "/" + fi.Name + "ue_separate_ue";
                            }
                        }
                    }
                }
            }
          
            context.Response.Write(str);
        }

        //Add Start========================================================== 2013-05-12
        //删除选中的文件
        string pathDel = string.Empty;                  //最好使用缩略图地址，否则当网速慢时可能会造成严重的延时
        string fileName = context.Server.HtmlEncode(context.Request["fileName"]);
        bool isDeleted = false;
        if (action == "del")
        {
            try
            {
               
                String fullPath = String.Empty;
                foreach (string path in paths)
                {
                    pathDel = context.Server.MapPath(path);
                    DirectoryInfo info = new DirectoryInfo(pathDel);

                    //目录验证
                    if (info.Exists)
                    {
                        //获得C:...ueditornetupload目录下，以时间命名的目录。如：2013-05-12
                        DirectoryInfo[] infoArr = info.GetDirectories();
                        foreach (DirectoryInfo tmpInfo in infoArr)
                        {
                            foreach (FileInfo fi in tmpInfo.GetFiles())
                            {
                                //判断是否是指定的图片类型，因为长传的附件和图片在同一个目录
                                if (Array.IndexOf(filetype, fi.Extension) != -1)
                                {
                                    if (fi.Name.Equals(fileName))
                                    {
                                        fullPath = pathDel + "/" + tmpInfo.Name + "/"+ fileName;
                                        File.Delete(fullPath);
                                        isDeleted = true;
                                        break;
                                    }
                                }
                            }
                            //已经删除，往外跳出
                            if (isDeleted == true)
                                break;
                        }
                    }
                    //已经删除，往外跳出
                    if (isDeleted == true)
                        break;
                }
                isDeleted = false;
                context.Response.Write("success");
            }
            catch
            {
                context.Response.Write("error");
            }
        }
        //Add End============================================================  2013-05-12
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

首页 1 2 末页

时间： 2025-01-30 16:30:49

ueditor百度编辑器去掉图片的在线管理(1/2)的相关文章

thinkphp整合ueditor(百度编辑器)方法详解

本人使用的是百度富文本编辑器ueditor 1.2.4.0 PHP 版本 下面说一下thinkphp 中整合ueditor 步骤1:下载百度编辑器http://ueditor.baidu.com/website/ipanel/panel.html 步骤2:解压后重新命名文件夹为ueditor放在项目公共目录 我放在Public/ueditor下 步骤3: 在add.html中引入公共文件  代码如下 复制代码 <SCRIPT type="text/javascript" src=

angularjs利用指令调用ueditor百度编辑器例子

一直以来,angularjs的富文本编辑器都比较难做,主要是第三方的编辑器很难集成进来,今天花时间研究了一下,发现ueditor主要加载两个js文件 ueditor.config.js ueditor.all.js 能不能把这两个文件异步加载呢?答案是肯定的.我们新建一个服务用来异步加载资源,并设置必要的回调方法. 服务代码:  代码如下 复制代码 services.factory('Common', [   '$http', '$q', function($http, $q) {    ret

UEditor百度编辑器源代码状态下无法保存内容解决办法

不知道这是BUG还是UE本身的产品设计,但是真的很容易让人造成困扰,所以还是决定改一下,说是改其实也等于取巧在JS中做了一下处理,方便,又不涉及源码. 修改分为两部分: 1)把当前的编辑器form表单提交修改为Javascript方式提交. <form action="index.php" method="POST"  name="myForm"> form表单加入name元素. <button class="btn2

ueditor百度编辑器配置和事件监听

渲染指定功能这个在官方我没有知道说明,加入监听事件是在官方的api中找到的,话说api功能还是蛮强大!  代码如下 复制代码 <script type="text/javascript">   /**使用UEeditor,详情参考http://ueditor.baidu.com/doc/  **/   var config = {    initialFrameHeight:80,    initialFrameWidth:810,    toolbars:[["

yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法_php实例

我们接下来就来聊聊Yii2框架是如何整合百度编辑器umeditor的. umeditor是啥,我只听过ueditor,你这umeditor是不是盗版的东东喃?umeditor呢,说白了就是mini版的ueditor,按照百度官方说法,其实就是编辑器中的"短软小",但是功能俱全.咳咳,咱们回归正题. 首先勒,咱们先去官网下载一份mini版的ueditor umeditor,注意哦,是um editor. 下载下来解压放到项目根目录下面的 /css目录下 命名为umeditor,具体位置各

非常完整 PHPCMS v9整合百度编辑器UEditor步骤

所有写文章的乐趣会被一个蹩脚的ckeditor打消,PC论坛多次呼声官方替换默认的编辑器为UEditor,但是至今没下文,百度一大堆整合1.2几版的,基于程序员的用新版的强迫症,还是觉得自己搞一搞. 具体记录如下,并不定期更新. 在此之前的教程可能不适用最新版本的百度编辑器,他多次升级很多地方也改了,包括一些主要js文件名,所有看准了下手.  1.下载官方的最新版的,我这里使用的是UEditor 1.4.2 php版的,下载本地后解压,新建一个目录uediter (ps:一定得是这个名称吗,最好

百度编辑器 Ueditor 如何增加模板 ？

问题描述 百度编辑器Ueditor确实是相当不错的编辑器,但是它也有不足之处,比如模板,我如果要发布图片类型的内容时,如果能有多图片的模板,那么在做网站时就不需要再弄图片模板了,直接发布出来那有多好!哪位大侠弄过,说说呗!求求您了 解决方案 解决方案二:自己写个简单的模板功能好了,指定一下图片,直接将格式赋值给编辑器.解决方案三:这个比较简单首先你在编辑器里定义模板然后把所有的html存到数据库里比如idtitlecontent1XX新闻<div>..........</div>然

百度编辑器ueditor的初始化调用设置

用百度编辑器一段时间了,感觉非常不错.对比著名的ckeditor来说,我觉得百度编辑器更好用.百度编辑器界面清新,功能定制方便,排版也很好,并且能支持图片上传,附件上传,还可以高亮显示编程语言代码,总之感觉还是挺不错的. 而它的使用也很简单. 下载最新的[1.2.6.1 PHP 版本],解压到你站点合适的目录. 调用方法:  代码如下 复制代码 <html> <head> <meta http-equiv="Content-Type" content=&q

ASP.NET中集成百度编辑器UEditor

  本文给大家讲解的是如何在ASP.NET中集成百度编辑器UEditor的方法和具体的步奏,十分的详细,有需要的小伙伴可以参考下. 0.ueditor简介 UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点.开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用. UEditor官网:http://ueditor.baidu.com/website/index.html UEditor官方文档地址: http://fex.bai