Java maven项目集成ueditor(百度本编辑器)插件详解

相信很多项目都要用到类似的功能,ueditor是一个非常强大的插件,当然也有直接集成好的直接引用就行了。在这里讲一下百度编辑器的集成过程,本人是走了好多弯路,在这里希望各位开发的朋友少走些弯路,节约开发时间。1,首先需要下载ueditor包  我下载的是  ueditor1_4_3_3-utf8-jsp ,然后引入项目里面  把相关的js和css  配置到配置文件中2,第一步实现了 ,那么
摘要由CSDN通过智能技术生成

相信很多项目都要用到类似的功能,ueditor是一个非常强大的插件,当然也有直接集成好的直接引用就行了。在这里讲一下百度编辑器的集成过程,本人是走了好多弯路,在这里希望各位开发的朋友少走些弯路,节约开发时间。

1,首先需要下载ueditor包  我下载的是  ueditor1_4_3_3-utf8-jsp ,然后引入项目里面  把相关的js和css  配置到配置文件中

2,第一步实现了 ,那么就要在jsp页面显示出来。很简单   

<div id="editor" style="width:794px;height:340px;"></div>
<script type="text/javascript">
	var ue = UE.getEditor('editor');
</script>

3,难点在于图片的上传,以及各种配置

找到jsp文件夹里面config.json ,打开需要改两项 imageActionName  ,   imagePathFormat

/* 上传图片配置项 */
    "imageActionName": "uploadImage", /* 执行上传图片的action名称 */
    "imageFieldName": "upfile", /* 提交的图片表单名称 */
    "imageMaxSize": 2048000, /* 上传大小限制,单位B */
    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
    "imageCompressEnable": true, /* 是否压缩图片,默认是true */
    "imageCompressBorder": 1600, /* 图片压缩最长边限制 */
    "imageInsertAlign": "none", /* 插入的图片浮动方式 */
    "imageUrlPrefix": "", /* 图片访问路径前缀 */
    "imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
                                /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
                                /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
                                /* {time} 会替换成时间戳 */
                                /* {yyyy} 会替换成四位年份 */
                                /* {yy} 会替换成两位年份 */
                                /* {mm} 会替换成两位月份 */
                                /* {dd} 会替换成两位日期 */
                                /* {hh} 会替换成两位小时 */
            
  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值