百度编辑器ueditor(v1.3.6)net环境中详细配置教程附bug解决方法

1.下载UEditor,当前最新版本是1.3.6。这里下载的.net版本,选择UTF-8。下载地址:http://ueditor.baidu.com/website/download.html

注意:1.3.6有个bug,ie8下插入多张远程图片之后,dialog假死,问题定位: url更新触发图片预览,预览方法触发url更新
解决方法:
dialog/image/image.js里面showImageInfo方法有一行代码:

复制代码

代码如下:

g("url").value = wordImgFlag ? wordImgFlag.replace("&", "&") : (img.getAttribute('_src') || img.getAttribute("src", 2).replace("&", "&"));

修改成:

复制代码

代码如下:

var src = wordImgFlag ? wordImgFlag.replace("&", "&") : (img.getAttribute('_src') || img.getAttribute("src", 2).replace("&", "&"));
if(src !== g("url").value) g("url").value = src;



2.打开vs2010创建一个空的web应用程序,并将我们下载的UEditor,解压放到需要的地方,然后引用相关资源到页面上,我的如下:

3.此时我们用浏览器浏览器WebForm1.aspx,并试着上传图片:

你将会看到下面,注意图中箭头所指:正在读取目录....

我们试着添加图片上传,得到结果如下:

会提示说:请等待保存目录就绪,其实它是无法就绪的,因为还需要其他配置。

4.打开ueditor.config.js,然后将下图中红框中的代码取消注释。注意第二个红框是和附件上传有关,为了方便,这里一并取消注释。

5.此时再次上传图片,你会看到保存目录出现了,我们离成功更进一步。

但是如果我们添加图片,试着上传会得到下面结果,看到红底的白色叉叉了吗,说明我们没有上传成功:

6.不要气馁,我们继续,打开net文件下的imageUp.ashx,将下图红框中的内容给删除,我们上传不成功全是这两行代码在捣鬼。

完成后,我们继续尝试上传图片,终于成功了,见下图:

此时UEditor会在net目录下给我们创建一个文件夹,保存我们上传的图片:

如果我们需要上传附件,方法同上将fileUp.ashx文件中的<%@ Assembly Src="Uploader.cs" %>给删除即可

注意:

1. //设置编辑器根路径
window.UEDITOR_HOME_URL = "/Scripts/ueditor/";

这里配置编辑器相当于根目录的路径。如果你不知道怎么确定,那就ueditor目录下创建一个html文件,然后浏览,比如

http://localhost:53529/Scripts/ueditor/index.html

根目录就是端口号后面及html文件前面的内容了。

2.我们在ashx中删除的<%@ Assembly Src="xxxx" %>,是在vs环境中需要的,如果你部署到产品环境中,如果出现报错,请将删除的添加。

(0)

相关推荐

  • win7系统使用百度搜索资料时自动跳转到搜狗搜索的故障原因及解决方法

    故障原因分析: 这种现象主要是由于网络配置设置的问题,只要把操作系统默认的网关进行恢复就行了. 解决方法: 1.开始尝试恢复默认网关设置,可如从通知栏网络图标右键,打开网络和共享中心: 2.在打开的窗 ...

  • 百度编辑器ueditor更改图片和附件上传路径的方法

    默认UEditor上传图片的路径是,编辑器包目录里面的net目录下 下面就演示如何修改图片和附件的上传路径,先看效果: 步骤1.首先修改ueditor.config.js文件,如下图,红色框即为修改后 ...

  • 如何使用百度图片搜索批量下载工具下载图片的详细图文教程

    百度图片相信大家都到里边找过图片,西西也经常在百度图片里边找高清大图,有时候看到一些好看的图片就想把它全部下载下来,一张张的另存为太慢了,能不能一次性批量下载呢?肯定是可以的哦,请看下边详细! 百度图 ...

  • IE7百度搜索搜索中文乱码问题的解决方法

    IE7浏览器支持地址栏搜索,不过IE7的默认搜索程序是Live搜索,很多人会换成其他的搜索引擎,比如百度搜索,但这样就会出现一个问题:在地址栏搜索中文时,搜索结果页会出现乱码。 要解决这个问题,修改注 ...

  • 富文本编辑器UEditor的使用

    对于我们web开发来说,富文本的编辑器是比不可少的,好的富文本编辑器可以让我们用户有更好的体验效果,带来更多的用户好评,今天给大家介绍推出的富文本编辑器的使用方法,其优秀的ui设计会让我们眼前一亮.首 ...

  • MMC无法创建管理单元 组策略对象编辑器未正确安装的解决方法

    开始菜单→运行→输入gpedit.msc打开组策略编辑器,却出现错误提示: MMC 无法创建管理单元。 MMC 未能创建管理单元。管理单元可能未正确安装。 名称:组策略对象编辑器 CLSID:{8FC ...

  • ubuntu下LAMP环境安装详细教程

    LAMP的概念: Linux+Apache+Mysql+Perl/PHP/Python一组常用来搭建动态网站或者服务器的开源软件,本身都是各自独立的程序,但是因为常被放在一起使用,拥有了越来越高的兼容 ...

  • 百度Win10直通车兼容性不正常解决方法

    百度Win10直通车兼容性不正常怎么办,部分用户在近期使用Win10直通车检测系统时候出现提示需修改AutoAdminLogon键值为0问题,可参考以下Win10直通车检测兼容性异常解决方法. 解决方 ...

  • 百度浏览器电脑版账号无法登陆的解决方法

    百度浏览器电脑版账号无法登陆的解决方法 百度浏览器 百度浏览器电脑版账号无法登陆怎么解决: 解决方法1:关机重启; 解决方法2:刷新一下当前页面并重启浏览器尝试看看; 解决方法3:清除下浏览器缓存重启 ...