JQuery markdown是一款輕量級且易于使用的markdown編輯器插件。使用它可以幫助你輕松的將markdown語法轉換為HTML格式內容,讓你更加靈活的進行文本編輯和排版。
$('#editor').markdown({ //配置項 });
使用JQuery Markdown插件非常簡單,只需引入JQuery和JQuery Markdown插件的js文件,然后在HTML頁面中創建一個容器并為其分配一個ID,之后使用如上所示的代碼進行初始化即可。
插件支持一些參數配置,例如可以設置是否啟用語法高亮、markdown語法渲染的樣式配置等等。通過靈活運用這些配置參數,可以滿足不同的需求。
$('#editor').markdown({ //配置項 language: 'zh', //設置語言為中文 height: 300, //設置編輯器高度為300px footer: 'Powered by jQuery Markdown', //在編輯器底部添加Powered信息 resize: 'vertical', //設置編輯器可調整大小方向 toolbar: [ //自定義工具欄 'bold', 'italic', 'link', 'quote', 'code', 'image', '|', 'ol', 'ul', 'heading', '|', 'preview', 'fullscreen', 'guide' ], additionalButtons: [ //添加自定義按鈕 [ { name: "groupCustom", data: [ { name: "cmdTest", toggle: true, title: "Test", icon: "fa fa-share-alt", callback: function(e){ alert('You just clicked on `' + this['title'] + '` button'); } } ] } ] ] });
JQuery Markdown插件支持自定義工具欄和自定義按鈕,可根據需求自由組合菜單和按鈕,大大提高了編輯效率。
總而言之,JQuery Markdown插件是一款非常優秀的markdown編輯器插件,適用于絕大多數Web開發人員使用,對于快速編輯復雜文本發布,提高效率都有很好的作用。值得我們去嘗試和使用。