jsp百度富文本框ueditor的使用及上传图片至本地并回显

**说明:**其实现在大家开发前端已经基本不用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', //取消链接
 
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值