首页 > 技术文章 > 百度编辑器UEditor使用总结

yang-TaoTao 2019-11-28 10:38 原文

官网下载地址:http://ueditor.baidu.com/website/download.html

我下载的是jsp版本,下载后将整个目录复制到项目的js包下,然后将jsp包下的lib下的jar包导入到项目,该富文本编辑器就导入到项目中了

下载下来的根目录下有一个index.html的文件,这是官方示例,将文件复制到别的地方记得修改js和css的路径

打开后我们会在body中看到

saript标签就是富文本编辑器,在script中编辑文本就是富文本编辑器的初始内容。更多的方法在官网的API文档都可以找到

在这里说一下我遇到的问题:

我们公司的项目需要在富文本编辑器上传图片,刚开始的时候用eclipse,不知道图片上传到哪了,在百度之后发现jsp下有个文件config.json文件,在这里面可以配置图片的上传路径,修改为D盘后上传图片提示IO出错,继续百度发现他是根据网站根目录进行上传的,所以在路径前加../就到了webapps目录下了

遇到的第二个问题是保存完成后富文本编辑器的回显,API文档中有方法:

setContent(isAppendTo)

刚开始是写在js文件中的,但是怎么也没有效果,因为我是写Java的,对js深层次不是很懂,然后突发奇想,在页面加了script标签,在标签中写的,就可以了

当然,你也可以这样:只要富文本编辑器在form里面,再指定一个name属性,后台就可以通过form传到后台的参数中直接拿到值

 

推荐阅读