如何部署ueditor文章编辑器

第一步需要引入UEditor的源文件，和jquery文件，来对编辑器进行支持。如果看到图二的效果则说明部署成功咯，接下来我们就可以根据自己的实际需求来进行场地参数。

第二步获取编辑器的输入的文本内容，然后对获取的值传递给后台处理，也可通过from表单进行 *** 作。

配置文件上传，图片上传、截图上传路径（以jsp为例）

首先配置ueditor.config.js来初始化ueditor的安装路径,projectName代表项目路径URL则表示，配置后的ueditor的所在路径（可自定义）,详细配置可看图片所示

配置好路径后我们就可以调用了，接下来需要配置上传文件的路径了(jsp/config.json)里，需要配置的有imageUrlPrefix图片访问的路径前缀，imagePathFormat/scrawlPathFormat 等*PathFormat路径用来表示上传的文件路径（注意：windows 和linux的路径不同方式）,具体配置如图所示

在项目中添加ueditor说需要的jar包文件，然后启动项目。

6

项目启动完成后，进入页面，我们可以来试试效果，大家可以任意复制图片，上传文件等来实验下我们的配置结果。出现如下结果则说明我们配置成功了，简单吧。

ueditor编辑器的调用方法：

1、官方下载最新ASP版本，解压后文件夹自行修改，建议放在根目录下。

2、用记事本打开\bdu123\asp\config.json文件，修改里面图片、音乐、附件等的上传地址，../../upload代表上传的图片将自动放在网站根目录下文件夹“upload”里面，这个设置的好处是，易于管理上传的图片、音乐及附件等，日后即使你修改百度编辑器存放的文件夹名称，也不会影响图片等的显示。

3、在ASP中调用编辑器的方法很简单，在添加文章的动态网页中，只需把以下的源代码放置在表单中即可。（注意：代码中ueditor.config.js和ueditor.all.js这两个的调用地址修改正确就可以了）

4、ASP修改文章的动态网页中，把以下的源代码放置在表单中。（注意：代码中ueditor.config.js和ueditor.all.js这两个的调用地址修改正确就可以了）

ueditor简介：

ueditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器，具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议，所有源代码在协议允许范围内可自由修改和使用。百度ueditor的推出，可以帮助不少网站开发者在开发富文本编辑器所遇到的难题，节约开发者因开发富文本编辑器所需要的大量时间，有效降低了企业的开发成本。

---