首页 > 代码库 > 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使用注意点