**说明:**其实现在大家开发前端已经基本不用jsp这种方式了,所以这个应该很少人能用得到,但是还是很希望下述内容可以帮助到有此方面需求的老师。这是当时在刚工作时用到的,就是将当时总结好的发出来,里面有引用到其他老师写的内容,但是找不到当时的文章了,所以如果有老师看到可提醒我,将原文章地址加上,谢谢。
1、自行从官网下载JSP Ueditor安装包,将下载好的安装包减压放入项目工程中的webapp下,如图所示:
2、将jsp目录下的jar报放置在WEB-INF的lib目录下,如图所示:
3、将富文本框引入到项目中,可以参考ueditor目录下的index.html,将相应代码嵌入你的界面,并初始化(切记一定得引入相应的js)
实例化编辑器:var ue = UE.getEditor(‘editor’,{});
4、这个时候富文本编辑器就可以使用了,对于编辑器中的工具栏的配置:(可配置再实例化编辑器的代码中)
toolbars: [
[
'anchor', //锚点
'undo', //撤销
'redo', //重做
'bold', //加粗
'indent', //首行缩进
'snapscreen', //截图
'italic', //斜体
'underline', //下划线
'strikethrough', //删除线
'subscript', //下标
'fontborder', //字符边框
'superscript', //上标
'formatmatch', //格式刷
'source', //源代码
'blockquote', //引用
'pasteplain', //纯文本粘贴模式
'selectall', //全选
'print', //打印
'preview', //预览
'horizontal', //分隔线
'removeformat', //清除格式
'time', //时间
'date', //日期
'unlink', //取消链接