Editor.md 是一個Markdown 編輯器，單純基於前端 JavaScript，無需後臺程式碼加持，適用於任何語言。

下載地址

頁面引用

CSS 部分

<link rel="stylesheet" href="/static/admin/assets/css/editormd.css"/>

JS 部分

<script src="/static/admin/assets/js/editormd.js"></script>

使用方法

初始化設定：

<script type="text/javascript">
   $(function() {
       var
 
 testEditor = editormd("test-editormd", {
           width: "90%",
           height: 640,
           markdown : "",
           path : '/static/admin/assets/plugins/editor/lib/',
           //dialogLockScreen : false,   // 設定彈出層對話方塊不鎖屏，全域性通用，預設為 true
           //dialogShowMask : false,     // 設定彈出層對話方塊顯示透明遮罩層，全域性通用，預設為 true
 

           //dialogDraggable : false,    // 設定彈出層對話方塊不可拖動，全域性通用，預設為 true
           //dialogMaskOpacity : 0.4,    // 設定透明遮罩層的透明度，全域性通用，預設值為 0.1
           //dialogMaskBgColor : "#000", // 設定透明遮罩層的背景顏色，全域性通用，預設為 #fff
           imageUpload : true,
           imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"
 
],
           imageUploadURL : "/upload",

           /*
            上傳的後臺只需要返回一個 JSON 資料，結構如下：
            {
               success : 0 | 1,           // 0 表示上傳失敗，1 表示上傳成功
               message : "提示的資訊，上傳成功或上傳失敗及錯誤資訊等。",
               url     : "圖片地址"        // 上傳成功時才返回
            }
            */
       });
   });
</script>

HTML 結構程式碼

<div id="layout">
     <div id="test-editormd">
          <textarea style="display:none;">
          </textarea>
      </div>
</div>

效果演示