1、UEditor 入门基础UEditor 是由百度 web 前端研发部开发所见即所得富文本 web 编辑器，具有轻量，可定制，注重用户体验等特点，开源基于 BSD 协议，允许自由使用和修改代码.。插件下载网址：http:/ 官网上下载完整源码包，解压到任意目录，解压后的源码目录结构如下所示：dialogs：弹出对话框对应的资源和 JS 文件。themes：样式图片和样式文件。lang: 未知。net：涉及到服务器端操作的后台文件，根据你选择的不同后台版本，这里也会不同，这里应该是.net。third-party：第三方插件(包括代码高亮，源码编辑等组件） 。ueditor.all.js：_src
2、 目录下所有文件的打包文件。ueditor.all.min.js：ueditor_all.js 文件的压缩版，建议在正式部署时才采用。ueditor.config.js：编辑器的配置文件，建议和编辑器实例化页面置于同一目录。ueditor.parse.js: 未知。二、 部署 UEditor 到实际项目（News）中的步骤:此处应用实例为新闻编辑页面的内容框。将该插件放入 Content 目录下，目录为Content/ueditor。第一步：在项目的任一文件夹中建立一个用于存放 UEditor 相关资源和文件的目录，此处在项目根目录下建立，起名为 ueditor。第二步：拷贝源码包中的所有文件
3、到 ueditor 文夹中。第三步：在 NewsEdit.cshtml 三个入口文件，如下所示：第四步：然后在 NewsEdit.cshtml 文件中创建编辑器实例及其 DOM 容器。具体代码示例如下： Html.TextAreaFor(p = p.CONTENT, new style = “width:650px;height: 400px;“ )/ var editor = new UE.ui.Editor();/ editor.render(“CONTENT“);/1.2.4版本以后可以使用以下初始化方法(此版本为1.2.6)。UE.getEditor(CONTENT);最后一步： 在/
4、Content/ueditor/ueditor_config.js 中查找 URL 变量配置编辑器在你项目中的路径。经参考 ueditor_config.js 文件中的注释文档，此项目为多个不在同一文件夹下的页面对其引用，故 URL 配置方式为：在 NewsEdit.cshtml 文件中的 javascript 起始处进行如下配置：window.UEDITOR_HOME_URL = “Url.Content(“/Content/ueditor/“)“;如果你的项目是部署到单个页面，则可以直接在/Content/ueditor/ueditor_config.js 中查找 URL 变量配置编辑器在
5、你项目中的路径。三、 注意事项：1. 在引用 editor_config.js 时，最好先于 editor_all.js 加载，否则特定情况下可能会出现报错。2. 注意：当书写引用路径/Content/ueditor/ueditor.all.js 时要注意文件名称的正确性，压缩包内有的文件名已更改，而网上很多帮助文档或技术手册没有同步更新。如果书写不对，会导致 js 控件引用不成功。错误为在初始化 UE 变量时，提示 UE 未定义。3. 若希望给编辑器赋初值，请参考“前后端数据交互”。4. 如果页面引用路径没有错，仍然不能引用控件，请在/Content /ueditor/ ueditor.al
6、l.js中的var baidu = window.baidu | ;window.baidu = baidu;window.UE = baidu.editor = ;代码段后边进行调试，如在此代码段后边加 alert(“Test”)，如若引用成功，则会弹出正确Test，如果没弹出，说明引用路径没写对。5. ueditor.config.js 文件还可以设置附件、图片等配置，详细信息请参考文件内注释文档。ueditor/net/xxx.ashx 中还可以设置各种操作对象的属性，如 imageUp.ashx 中可以设置上传图片的大小和后缀名等限制。6. 到此为止还需一步，在MVC下，不需要在ued
7、itor/net/xxx.ashx 文件中引入Uploader.cs命名空间，否则相功能不能正常工作。如:如果在 imageUp.ashx 中不删除或者注释改行，图片信息将上传失败。另外，在程序中VS还会报如下错误。所以，把 注释或者删除即可。7. 引用成功，并且图片或者附件等也可以上传也成功的情况下，出现以下问题：“在从客户端( Content=“测试“)中检测到有潜在危险的 Request.Form 值。 ”解决办法：在对应的POST函数上边添加解除输入验证的语句。此处是编辑新闻( News)时对UEditor进行的引用。故在HttpPost类型函数NewsEdit() 下边添加ValidateInput(false)整体如下：/新闻编辑保存HttpPostValidateInput(false)MyAuthorize(Roles = “publish“)public ActionResult NewsEdit(NEWS news)四：感谢！此文是在夏老师的知道下完成的，在此衷心感谢夏老师和各位同事。不完善的地方还请大家多多指教。郑州百拓软件有限公司http:/
