UEditor使用笔记

2019独角兽企业重金招聘Python工程师标准>>>

百度编辑器Ueditor使用心得

    百度编辑器Ueditor是一款很强大的开源WEB富文本编辑器,我们可以用来做个人博客和论坛等等网站的编辑器,十分方便快捷.

下面是JSP版本的编辑器使用心得.

第一步:下载

去UEditor的网站,下载对应版本,我用的是JSP版本,所以下载的是jsp utf8版本的,里面有PHP,C#等等版本的,根据自己的需要下载. 

第二步:配置

这一步很重要.首先找到解压文件里面的

Ueditor.config.js

Jsp/config.json

两个文件,第一个是全局配置文件,第二个是后台配置文件.

其中在Ueditor.config.js里面,找到

var URL = window.UEDITOR_HOME_URL || getUEBasePath();

其中给window.UEDITOR_HOME_URL赋值,值为伱项目中引用的编辑器的路径

比如我的项目是Project,则引入的时候window.UEDITOR_HOME_URL值为:

window.UEDITOR_HOME_URL = "/Project/webplugin/Ueditor_utf8/",最前面一定要写上项目名称,如果没有项目名称,因为你的项目在根目录下面,那么直接就以根目录开头:/webplugin/Ueditor_utf8/

附上我的项目目录

 

 

第三步:使用

1:找到解压目录里面的jsp/lib目录,将里面的jar包全部放进你的项目目录下面的WEB-INF/lib下面;

2:在HTML页面引入Js文件:

 

3:任何一个DIV,都可以变成一个编辑器

先实例化编辑器:

 

然后HTML中引入就OK了.

 

 

转载于:https://my.oschina.net/xiaoershaoye/blog/831081