1.从百度上下载过来的ueditor文档,直接解压,解压后添加到一个自己命名的文件夹中,我命名的是ueditor。
2.将ueditor这个文件夹直接放在自己创建的web工程的webroot下面,文档上和网上很多都说放在webcontent目录下,但是普通的或者已经建好的web工程,没有这个文件夹,放在webtoot下载也是一样的。
3.导入相应的js文件,注意目录一定要引入到jsp中。
<script type="text/javascript" src="../../ueditor.config.js"></script>
<script type="text/javascript" src="../../ueditor.all.min.js"></script>
<script type="text/javascript" src="../../lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="../../js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="../../ueditor.all.min.js"></script>
<script type="text/javascript" src="../../lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="../../js/jquery-3.2.1.js"></script>
5.写上相应代码
<div id="container"></div>
<!-- 加载编辑器的容器 -->
<script type="text/javascript">
//<!-- 实例化编辑器 -->
var ue = UE.getEditor('container');
<!-- 加载编辑器的容器 -->
<script type="text/javascript">
//<!-- 实例化编辑器 -->
var ue = UE.getEditor('container');
</script>
6.完成了上面这些,你以为就算完了吗,我使用的时候,怎么也显示不出编辑器的页面,后来就不停的搜索,终于发现还有一步没有做(再说一句:ueditor的文档写的真是太垃圾了,文档上也没有写这一步)
将ueditor.config.js文件中的window.UEDITOR_HOME_URL参数修改一下,默认这个是被注释的,需要打开注释然后让它的值为你的项目名加上富文本的目录名:例如我的是window.UEDITOR_HOME_URL = "/test/ueditor";
然后你就可以看到相应的界面了