当前位置: 首页 > 工具软件 > wysihtml5 > 使用案例 >

html上传图片修改,bootstrap-wysihtml5 ckeditor 修改富文本编辑器可以上传图片

司寇书
2023-12-01

bootstrap-wysihtml5实际使用内核为ckeditor     故这里修改ckeditor即可

1、找到ckeditor文件夹内image.js 并打开   路径为  ckeditor\plugins\image\dialogs\image.js

在image.js内搜索.config.image_previewText将看到

将其英文删除   修改后效果如下

2、在image.js内搜索id:"Upload"将看到

将id:"Upload",hidden:!0  修改为id:"Upload",hidden:false

3、打开ckeditor目录下的config.js       路径为ckeditor\config.js

// Simplify the dialog windows.

config.removeDialogTabs = 'image:advanced;link:advanced';

下添加

config.image_previewText = '';

config.filebrowserImageUploadUrl = "FileUpload.ashx";  //这里FileUpload.ashx为自定义的处理程序  用于上传图片

4、创建自定义的图片上传处理程序

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace FileImg

{

///

/// FileUpload 的摘要说明

///

public class FileUpload : IHttpHandler

{

public void ProcessRequest(HttpContext context)

{

//图片上传

ImgUpLoad load = new ImgUpLoad(); //这里的   ImgUpLoad  为已经写好的图片上传程序 可以参考另一篇博文 地址在下面

string imgUrl = load.ImgUp(context);

context.Request.ContentType = "text/html;charset=UTF-8";

String callback = context.Request.Params["CKEditorFuncNum"];//必须获取 用于判断上传的那个图片

context.Response.Write(""); // 必须返回 用于告诉编辑器上传的图片的位置和地址

}

public bool IsReusable

{

get

{

return false;

}

}

}

}

已经写好的图片上传程序ImgUpLoad地址

 类似资料: