第一步:首先下载ueditor编译器,地址:http://ueditor.baidu.com/website/
下载完解压之后就这个:
第二步:我会把文件名utf-8-jsp这个文件名改为ueditor,然后把这个ueditor文件夹拷贝到Eclipse项目的WebContent目录下
注意:
其中的zh-ch.js我是从lang文件夹里面拷贝出来的,目的是为了方便引入,不拷贝出来完全可以,到时候引入jsp的时候注意下路径就好了。
当Ueditor添加到WebContent中时候回报一个错误,是config.json文件有错,这个是校验的错误,可以不用管它,如果有强迫症,那么你就右键项名,修改properties,找出Builders 中Validation去掉勾。然后删除ueditor,再重新复制粘贴。
第三步:当然是要导入这个编译器所需要的依赖了,在ueditor/jsp/lib下
第四步:然后就是在指定的jsp页面中引入三个js,分别是ueditor.all.js和ueditor.config.js和zh-cn.js,其中ueditor.all.js官网是建议用ueditor.all.min.js,但是导入项目时这个ueditor.all.min.js会报错,我就直接用ueditor.all.js了,内容都一样,只不过文件大一点点。无关紧要啦。
注意:
这里的导入顺序不能变,不然会报错
第五步:通过上面的步骤之后基本的环境就已经搭完了,下面就是画龙点睛之笔了,找到要添加编译器的textarea标签,获取其id,在下面添加上这一段就欧了,效果立马上演。
效果如图:
时间: 2024-12-22 00:40:41