百度富文本编辑器Ueditor使用

首先我们登上ueditor下载,可以看到多种版本。

UBuilder:可以自己选择需要的工具。

我用的开发版,Java的jsp版本,在这里是全部工具,但是工具在配置文件中也是可以自己选择的。

下载下来后:

ueditor.config.js中toolbars配置你需要的功能:

开始说说怎么使用吧:

1.把整个ueditor文件导入你的项目。(路径注意,后期配置路径要用,弄乱了很烦人。我的是WebRoot/js/ueditor)

2.在jsplib下有5个jar包。复制导入项目lib中(记得Bulid path哟)。

3.然后上图中URL配置{项目名}/{你ueditor在项目中的路径}

4.注意你配置的URL,加上下面的serverUrl刚好是你controller.jsp的路径(如果页面工具条没有正常显示,很有可能是这里的问题)

5.jsp/config.json,这个文件是你图片存入项目、读取展示,和其他控制的一个配置文件。(注意:*UrlPrefix、*PathFormat。这两个路径配置:第一个是你项目的访问路径,第二个是图片存储读取的相对路径。如果你图片存、取有问题,很有可能是这里的问题)

6.页面配置(下载的文件中有个index页面,页面基本配置就仿照这个。三点:一,导入js(3个,其中一个*min.js,可以换成all.js)。二,展示位置,是个script,记住id。三,UE.getEditor(id),引入工具条。)。

至于其他方法都在页面上了,根据自己需要选取。

原文地址:https://www.cnblogs.com/hailiangboke/p/7590965.html