百度编辑器图片上传功能解疑

 项目中使用了百度编辑器ueditor,这里是官网连接,效果还算不错,使用中的一些经验,分享在这里。html

我使用的环境是.NET MVC3web

最头疼的上传图片问题

ueditor自带了图片上传功能,原理也是使用flash上传。可是我按照官方的配置修改相应的参数后,发现上传出现问题,具体体如今:json

本地上传图片,触发上传按钮后,上传失败,代码中提示 Flash插件初始化失败,请更新您的FlashPlayer版本以后重试!,主流浏览器都是这个错误数组

 

起初我把问题集中在能够看到的错误”提示flash插件初始化错误“,可是这是一个迷惑性的提示,错误的根本缘由不在这里。浏览器

先看看项目的配置安全

上传功能是经过Image.html内部的js调用.NET文件夹中的”后台方法“实现的,ueditor内置了一些.net处理逻辑框架

在排错的过程当中,我发现一个问题,上传过程不能调试进入内置的后台方法中,实际上根本缘由是,组件中的Uploader类不在整个.NET解决方案的编译范围内编辑器

前台上传页面Image.html获取不到后台图片的json信息,致使上传失败。函数

建议工具

ueditor内置了一些.net处理逻辑只是为了实现基本的功能,具体项目中这些代码须要集中优化。Uploader文件必须单独提出来编译,才能完成图片上传功能

版本选择和自定义配置

ueditor提供按需下载的功能,可是这个页面有时候会屏蔽,因此仍是下载完整版本,开放具体使用的功能,比较科学和安全

因为ueditor是开源编辑器,下载使用时最好记录使用的具体版本和支持语言框架。咱们一般最多见的自定义配置是工具栏,而这些配置都是能够按需增减的。

这里的按需增减不只体如今在全局配置文件中配置,还能够在使用的外围经过js操做配置文件来实现。

1 修改配置项的json数组  window.UEDITOR_CONFIG.toolbars 

2 经过     console.log(window.UEDITOR_CONFIG.toolbars[0]);工具栏配置项

3 增长具体的配置 window.UEDITOR_CONFIG.UserId=100;

经过构造函数,修改其它的配置项

var editor = new baidu.editor.ui.Editor({

pasteplain: true,

imageUrl:""

});

     记得推荐下

暂时写在这里,欢迎你们讨论,若是以为有帮助,推荐下吧

 

相关文章
相关标签/搜索