首页 > 代码库 > ueditor使用注意点
ueditor使用注意点
1、js的引入问题
先ueditor的配置文件
<script type="text/javascript" src=http://www.mamicode.com/"ueditor1_4_3-utf8-jsp/ueditor.config.js"></script>
<script type="text/javascript" src=http://www.mamicode.com/"ueditor1_4_3-utf8-jsp/ueditor.all.min.js"></script>
2、表单提交获取值的问题
${param.content }
<form action="ueditor.jsp" method="post">
<script id="container" name="content" type="text/plain">
</script>
<script type="text/javascript">
var ue = UE.getEditor(‘container‘);
</script>
<input type="submit" value=http://www.mamicode.com/"提交">
</form>
其中name若是没写的话默认的是editorValue,可以在ueditor.config,js中修改
若写了name的属性就会自动覆盖原来的属性
3、上传图片显示不出来问题
ueditor在1.4.2之后文件等上传路径在config.json中可以在里面修改存储路径。
下面只以图片上传为例其余类似
"imageActionName": "uploadimage", /* 执行上传图片的action名称 */
"imageFieldName": "upfile", /* 提交的图片表单名称 */
"imageMaxSize": 2048000, /* 上传大小限制,单位B */
"imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
"imageCompressEnable": true, /* 是否压缩图片,默认是true */
"imageCompressBorder": 1600, /* 图片压缩最长边限制 */
"imageInsertAlign": "none", /* 插入的图片浮动方式 */
"imageUrlPrefix": "http://localhost:8080/yzm", /* 图片访问路径前缀 */
"imagePathFormat": "/ueditor1_4_3-utf8-jsp/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
/* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */
/* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */
/* {time} 会替换成时间戳 */
/* {yyyy} 会替换成四位年份 */
/* {yy} 会替换成两位年份 */
/* {mm} 会替换成两位月份 */
/* {dd} 会替换成两位日期 */
/* {hh} 会替换成两位小时 */
/* {ii} 会替换成两位分钟 */
/* {ss} 会替换成两位秒 */
/* 非法字符 \ : * ? " < > | */
/* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */
其中一般需要我们配置的两个属性imagePathFormat,imageUrlPrefix。第一个是文件的保存路径,第二个文件访问路径的前缀如果不加的话就会出现
上传的图片已经成功但是不显示的情况。具体可以参考 http://fex-team.github.io/ueditor/#server-path
ueditor使用注意点