百度富文本编辑器Ueditor使用
首先我们登上ueditor下载,可以看到多种版本。
UBuilder:可以自己选择需要的工具。
我用的开发版,Java的jsp版本,在这里是全部工具,但是工具在配置文件中也是可以自己选择的。
下载下来后:
ueditor.config.js中toolbars配置你需要的功能:
开始说说怎么使用吧:
1.把整个ueditor文件导入你的项目。(路径注意,后期配置路径要用,弄乱了很烦人。我的是WebRoot/js/ueditor)
2.在jsp\lib下有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),引入工具条。)。
至于其他方法都在页面上了,根据自己需要选取。