一、簡介
WordPress Markdown是一款WordPress插件,它能夠為博客寫作提供高效、簡單、明了的體驗。Markdown是目前全球流行的一種輕量級標記語言,它本身非常簡潔,與HTML語言相比更加符合人類思維方式,能夠真正實現所見即所得,大大降低寫作時的糾錯及編輯難度。WordPress Markdown插件的出現,有效的將Markdown與WordPress結合,提高了博客寫作效率與質量。
二、方案
WordPress Markdown插件內置了許多實用的功能,以下是本插件的主要特點與功能:
1、 文本編輯器
WordPress Markdown內置的編輯器十分簡單易用,對於大部分人而言,是不會有任何操作上面的問題存在的。
wp_editor($import, 'wmd_editor', [
"textarea_rows" => "15",
"textarea_name" => $textarea_name,
"teeny" => true,
"media_buttons" => false,
"tinymce" => false
]);
2、 Markdown解析
WordPress Markdown提供實時的Markdown解析,即在編寫過程中實時顯示出渲染後的文本效果,十分直觀。這個功能在文章最後的預覽,提交之前可以幫助作者預先確認發送的結果。
//綁定解析操作
$editor.blur(function () {
var original = $(this).val();
var parsed = window.markdownit().render(original);
$preview.html(parsed);
});
//解析內容
$editor.trigger("blur");
3、全屏預覽
全屏預覽功能可以幫助作者更加直觀地看到文章預覽效果,以便清空是否需要進行進一步的修改。
//掛載全屏預覽
$("#wmd-fullscreen-btn").click(function () {
if (!fullscreen) {
$wmd_area.css("display", "none");
$preview.css("display", "block");
$(this).html("編輯模式");
} else {
$wmd_area.css("display", "block");
$preview.css("display", "none");
//新的渲染
$editor.trigger("blur");
$(this).html("預覽");
}
fullscreen = !fullscreen;
});
4、快捷鍵
WordPress Markdown提供了豐富的快捷鍵支持,包括Ctrl+B 粗體、Ctrl+I 斜體、Ctrl+K 超鏈接、Ctrl+L 無序列表、Ctrl+Q 引用等快捷鍵,大大縮短了寫作的時間。
//綁定快捷鍵,如Ctrl+B 粗體
$editor.bind("keydown", "ctrl+b", function () {
e.preventDefault();
//操作DOM收集需要加粗的內容
//to do
//再插入加粗標記
//to do
});
三、對於WordPress Markdown的部署
對於已經開通Wordpress博客的用戶,可以考慮直接在自己的後台插件庫中搜索
WordPress Markdown插件,或者到wordpress.org官網上直接下載插件進行部署並啟用。其他用戶可到上述官網下載最新版的Wordpress,安裝成功後可在後台插件庫進行Wordpress Markdown的下載與開啟。
四、總結
WordPress Markdown是一款十分實用的博客寫作工具,除了以上功能實現之外,還有很多實用的功能與細節實現。對於那些熱愛折騰的朋友們,可以自行去GitHub上查看插件的更多細節實現。相信未來WordPress Markdown還會有更多的更新與迭代。
原創文章,作者:UGKNS,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/330729.html