ueditor使用注意事項

一、js問題的介紹

      第一ueditor型材

<script type="text/javascript" src="ueditor1_4_3-utf8-jsp/ueditor.config.js"></script>
<script type="text/javascript" src="ueditor1_4_3-utf8-jsp/ueditor.all.min.js"></script>

二、表單提交獲取值的問題

  ${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="提交">
    </form>

當中name如果沒寫的話默認的是editorValue。可以在ueditor.config,js中改動

若寫了name的屬性就會本身主動覆蓋原來的屬性

三、上傳圖片顯示不出來問題

首先在ueditor.config.js中改動getUEBasePath()爲的你的項目名加ueditor的形式 "/projectName/ueditor/"

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