关于UEditor富文本编辑器的使用

第一步:首先下载ueditor编译器,地址http://ueditor.baidu.com/website/


d56820cdf16be87a974b8d66719cf5ec851ae7fbd56820cdf16be87a974b8d66719cf5ec851ae7fb


下载完解压之后就这个:

1d8737369d2e0c2b5094f5d1a98d66c36a46a26b588ad2de9ef8e7a3c89ac3fc5570323891d421e2

第二步:我会把文件名utf-8-jsp这个文件名改为ueditor,然后把这个ueditor文件夹拷贝到Eclipse项目的WebContent目录下


9c3049d7943f9fbc2b90d19acfd0398302acd61f

     注意:

             其中的zh-ch.js我是从lang文件夹里面拷贝出来的,目的是为了方便引入,不拷贝出来完全可以,到时候引入jsp的时候注意下路径就好了。

             当Ueditor添加到WebContent中时候回报一个错误,是config.json文件有错,这个是校验的错误,可以不用管它,如果有强迫症,那么你就右键项名,修改properties,找出Builders 中Validation去掉勾。然后删除ueditor,再重新复制粘贴。


第三步:当然是要导入这个编译器所需要的依赖了,在ueditor/jsp/lib下


a8d42edd5c9c15bf07692a05fee285e1defdb002


第四步:然后就是在指定的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了,内容都一样,只不过文件大一点点。无关紧要啦。


e19c2377e6e4baf075d1775b126803784dfb6dc9


注意:

    这里的导入顺序不能变,不然会报错


第五步:通过上面的步骤之后基本的环境就已经搭完了,下面就是画龙点睛之笔了,找到要添加编译器的textarea标签,获取其id,在下面添加上这一段就欧了,效果立马上演。


5a3dbe627c921dfcabb12be24901b5fa63ca4cab

效果如图:


9270188e7c56532e5018be11c46c41def5f00f88


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值