UEditor帮助文档.docxVIP

UEditor入门基础UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许自由使用和修改代码...。插件下载网址：/website/index.html官方部署文档网址：/website/document.html(有错误未更新)。官网上下载完整源码包，解压到任意目录，解压后的源码目录结构如下所示：dialogs：弹出对话框对应的资源和JS文件。themes：样式图片和样式文件。lang: 未知。net：涉及到服务器端操作的后台文件，根据你选择的不同后台版本，这里也会不同，这里应该是.net。third-party：第三方插件(包括代码高亮，源码编辑等组件）。?ueditor.all.js：_src目录下所有文件的打包文件。?ueditor.all.min.js：ueditor_all.js文件的压缩版，建议在正式部署时才采用。?ueditor.config.js：编辑器的配置文件，建议和编辑器实例化页面置于同一目录。ueditor.parse.js:未知。部署UEditor到实际项目（News）中的步骤:此处应用实例为新闻编辑页面的内容框。将该插件放入Content目录下，目录为Content/ueditor。第一步：在项目的任一文件夹中建立一个用于存放UEditor相关资源和文件的目录，此处在项目根目录下建立，起名为ueditor。第二步：拷贝源码包中的所有文件到ueditor文夹中。第三步：在NewsEdit.cshtml三个入口文件，如下所示：metahttp-equiv=Content-Typecontent=text/html; charset=UTF-8scripttype=text/javascriptsrc=@Url.Content(~/Content/ueditor/ueditor.config.js)/scriptscripttype=text/javascriptsrc=@Url.Content(~/Content/ueditor/ueditor.all.js)/script第四步：然后在NewsEdit.cshtml文件中创建编辑器实例及其DOM容器。具体代码示例如下：@Html.TextAreaFor(p = p.CONTENT, new { style = width:650px;height: 400px; })scripttype=text/javascript// var editor = new UE.ui.Editor();// editor.render(CONTENT);//1.2.4版本以后可以使用以下初始化方法(此版本为1.2.6)。UE.getEditor(CONTENT);/script最后一步：?在/Content/ueditor/ueditor_config.js中查找URL变量配置编辑器在你项目中的路径。经参考ueditor_config.js文件中的注释文档，此项目为多个不在同一文件夹下的页面对其引用，故URL配置方式为：在NewsEdit.cshtml文件中的javascript起始处进行如下配置：scripttype=text/javascriptwindow.UEDITOR_HOME_URL = @Url.Content(~/Content/ueditor/);/script如果你的项目是部署到单个页面，则可以直接在/Content/ueditor/ueditor_config.js中查找URL变量配置编辑器在你项目中的路径。注意事项：1.在引用editor_config.js时，最好先于editor_all.js加载，否则特定情况下可能会出现报错。2. 注意：当书写引用路径~/Content/ueditor/ueditor.all.js时要注意文件名称的正确性，压缩包内有的文件名已更改，而网上很多帮助文档或技术手册没有同步更新。如果书写不对，会导致js控件引用不成功。错误为在初始化UE变量时，提示UE未定义。3.若希望给编辑器赋初值，请参考“前后端数据交互”。4. 如果页面引用路径没有错，仍然不能引用控件，请在/Content /ueditor/?ueditor.all.js中的varbaidu = window.baidu || {};window.baidu = baidu;window.UE = baidu.editor= {};代码段后边进行调试，如在此代码段后边加alert(“Test”)，如若引用成功，则会弹出正确Test，如果没弹出，说明引用路径没写对。5. ueditor.config.