一、简介
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还会有更多的更新与迭代。