富文本编辑器——百度UEditor插件安装教程

时间:2023-03-08 23:26:00
富文本编辑器——百度UEditor插件安装教程

一、使用环境

  • Win7
  • Eclipse
  • jettty9
  • chrome

二、下载百度UEditor插件

1、下载地址:http://ueditor.baidu.com/website/download.html

2、这里下载的版本是[1.4.3.3 Jsp版本]

富文本编辑器——百度UEditor插件安装教程

3、将下载好的文件包放在工程目录中

富文本编辑器——百度UEditor插件安装教程

4、修改ueditor/ueditor.config.js 里的务器统一请求接口路径

富文本编辑器——百度UEditor插件安装教程

注:这个请求路径是请求服务器得到配置信息,所以需要在服务器中配置这个配置信息

5、编写配置信息代码

Ueditor 官方例子是直接返回一个json文件,此处为了方便直接返回一个json对象

6、前端调用

(1)在相应页面引入js

(2) js调用

7、至此,已经可以使用简单的UEditor功能了,但是还要编写图片上传的处理代码