ueditor配置,上传图片和附件及其他使用方法

《ueditor配置,上传图片和附件及其他使用方法》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、概述UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许自由使用和修改代码。这简直是Web开发富文本框输入的一大神器！最低来说，使用百度的富文本编辑器，无论是本地化还是相关操作学习文档，都比国外的FCKEdit神马的要好的多！首先是下载地址：http://ueditor.baidu.com/website/ipanel/panel.html下载时可以下载完整包，或者功能定制化下载；如果网站对富文本编辑器需求比较明确，尽量使用定制化下载，经测试，如果下载完整包，每次页面请求有800K内容，定

2、制化下载后简单优化一下，页面可以缩小到600K甚至更小…。如果页面访问量不大，对编辑器需求也不太明确，建议下载完整包罗，需要的功能通过配置后下载配置文件，以后只需在网站上更新UEditor的配置文件就可以完成功能更新了！基础配置UEditor除了具有功能强大、可定制等优点外，还始终将优化编辑操作、提升用户体验摆在了很重要的位置。在这一点上，除了对编辑器功能、性能、实现细节等不断地改进和追求创新之外，众多灵活而个性化的自定义配置也充分体现了这个特点。通过修改配置，用户几乎可以完全地改变编辑器的外观和行为。从配置本身的优先级来看，UEditor的配置可以分为系统默认配置和用

3、户自定义配置两种类型。系统默认配置分散在各个对应的核心或者插件文件之中，对用户不可见。当用户注释掉自定义配置时起作用。用户自定义配置包括两种类型，一种位于editor_config.js文件之中，优先级高于系统默认配置；另一种位于实例化编辑器时传入的参数中，优先级最高。默认情况下，UEditor在editor_congfig.js注释掉了所有可以省略的配置项，采用系统默认配置，若取消注释，则以该配置项为准；未注释的配置项要求用户必需按照项目实际填写。这里以.net环境和VisualStudio开发工具为例，看看UEditor的配置；在解决方案中新建目标文件夹用于放置UE

4、ditor的所有文件内容，我放在目标文件夹（Scripts）下使用VS时添加现有项太麻烦？有一个快捷办法，将UEditor解压缩后的整个文件夹复制到目标文件夹（Scripts）中，在VS的项目管理器上点击显示所有文件按钮，解决方案资源管理器的目标文件夹下可以找到UEditor的文件夹了，但是文件夹显示是隐藏状态，右键点击文件夹，选择包括在项目中，VS自动将UEditor下的文件夹和文件全部加载到解决方案资源管理器中。在页面上加载UEditor不论是功能定制化还是使用所有功能，配置都是在editor_config.js文件中设置。首先最主要的设置是该文件内的URL参数，e

5、ditor_config.js可以找到URL参数进行配置，但是如果站点中有多个不在同一层级的页面需要实例化编辑器，且引用了同一UEditor的时候，可能不适用于每个页面的编辑器。因此，UEditor提供了针对不同页面的编辑器可单独配置的根路径，具体来说，在需要实例化编辑器的页面最顶部写上如下代码即可：varURL="/UETest/ueditor/"，同时注释掉editor_config.js文件的URL参数；这里强烈建议在每个使用UEditor的页面中对URL进行声明，否则造成许多不必要的问题；URL的参数值可以使用相对路径和绝对路径，最终指向UEditor文件夹即可

6、，强烈建议使用绝对路径，例如：http://www.baidu.com/Scripts/ueditor/，千万不要忘记最后的”/”结束。项目中引用文件夹和配置URL参数后，看看页面中如何使用UEditor吧：新建使用UEditor的页面，在Head中声明如下引用：editor_config.js，editor_all_min.js和ueditor.css，Css文件根据使用的模版指向正确的地址[javascript]viewplaincopy1

7、p-equiv="X-UA-Compatible"content="IE=8"/>234