editormd基本使用教程

editormd基本配置

<script type="text/javascript">
            $(function() {
                var editor = editormd("ly-editor", {
                     width  : "100%", 
                     height : "670px",
                     emoji: true, //關閉小圖標
                     watch : true,//false關閉實時預覽
                     imageUpload : true,
                        imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],//支持哪些圖片類型上傳
                        imageUploadURL : "./php/upload.php",//圖片的上傳地址
                        onload : function() {
                            console.log('onload', this);    
                            //this.fullscreen();
                            //this.unwatch();
                            //this.watch().fullscreen();
                            //this.setMarkdown("#PHP");
                            //this.width("100%");
                            //this.height(480);
                            //this.resize("100%", 640);
                        },
                     path   : "../../editormd/lib/" //相關插件的引入
                });
                //獲取編輯器內容
                //var blogcontent = encodeURIComponent(editor.getMarkdown());
            });
        </script>

 

 

editormd表情配置

關於emoji表情加載不出來，下載emoji插件，放在plugins/emoji-dialog目錄下

 

打開 ：editormd.js  修改表情加載地址：

注意一定要輸入自己的url路徑不然還是加載有誤的

//表情符號圖形文件的url路徑
editormd.emoji     = {
        path  : "http://127.0.0.1:8848/B_LY/editormd/plugins/emoji- 
        dialog/emoji/",
        ext   : ".png"
};

 　

 如要修改表情的選擇欄信息：plugins/emoji-dialog/emoji-dialog.js 找到這個js即可並修改一下數據即可

var category = ["Github emoji", "Twemoji", "Font awesome", "Editor.md logo"];