轻松记录您
灵感和创意

如何用Markdown来写WordPress博客?

作为一个 Markdown 写作者,面对 WordPress 博客程序不支持 Markdown ,是一件很苦恼的事。但对于爱折腾的唐建鹏博客来说这点小事 so easy !于是便有了这篇文章!

原理

在 post 页面添加一个 textarea,监听 input 事件,事件中将文本框的内容取出,用 marked.js 进行转码,将转码后的 html 放在系统中的 tinyMCE 中。 在保存时将 textarea 中的文本存入 media data 中,下次可以继续编辑。

折腾

下载

Markdown.js

makeMarkdown.js

Markdown.js 和 makemaekdown.js 放入当前主题的 JS 文件夹

marked.js 是一套 js 库,用于将 Markdown 代码转换成 html。makemarked.js 用于监听文本框事件,来实时调用 marked.js 来转换 Markdown 代码。

在 function.php 中加入以下代码:

// 增加 Markdown 功能到后台编辑器add_action( ‘admin_menu’, ‘create_Markdown‘ );add_action( ‘save_post’, ‘save_Markdown‘, 10, 2 );function create_Markdown() { add_meta_box( ‘Markdown_box’, ‘Markdown‘, ‘Markdown_html’, ‘post’, ‘normal’, ‘high’ );}function Markdown_html( $object, $box ) { ?>ID, ‘Markdown‘, true )); ?><?php }function save_Markdown( $post_id, $post ) { if ( !current_user_can( ‘edit_post’, $post_id ) ) return $post_id; $meta_value = get_post_meta( $post_id, ‘Markdown‘, true ); $new_meta_value = $_POST[‘Markdown‘]; if ( $new_meta_value && ” == $meta_value ) add_post_meta( $post_id, ‘Markdown‘, $new_meta_value, true ); elseif ( $new_meta_value != $meta_value ) update_post_meta( $post_id, ‘Markdown‘, $new_meta_value ); elseif ( ” == $new_meta_value && $meta_value ) delete_post_meta( $post_id, ‘Markdown‘, $meta_value );}function Markdown_script() { wp_enqueue_script(‘Markdown‘, get_template_directory_uri() . ‘/js/marked.js’ ); wp_enqueue_script(‘makeMarkdown‘, get_template_directory_uri() . ‘/js/makeMarkdown.js’);}add_action( ‘admin_enqueue_scripts’, ‘Markdown_script’);

]

未经允许不得转载:坚果云Markdown编辑器 » 如何用Markdown来写WordPress博客?
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍