添加后台html编辑按钮

有人喜欢在本地写好后到wp后台发布,有人喜欢直接使用wordpress后台写文章。我个人习惯在本地写好后上传发布,但是偶尔也会在后台用html模式写文章,可是WP默认的按钮太少了,而自己又添加了很多shortcode。

修改方法:

wp的按钮定义在wp-includes下的quicktags.js文件里,但是直接修改核心代码太过危险了,我们可以自定义一个diy-quicktags.js并在functions.php里注册引入这个js就行了。

自定义js文件:

新建一个文件diy-quicktags.js,编辑内容:

QTags.addButton( '<', '<', '<', '' );
QTags.addButton( '>', '>', '>', '' );
QTags.addButton( 'hr', 'hr', "\n<hr />\n", '' );
QTags.addButton( 'h1', 'h1', "\n<h1>", "</h1>\n" );
QTags.addButton( 'h2', 'h2', "\n<h2>", "</h2>\n" );
QTags.addButton( 'h3', 'h3', "\n<h3>", "</h3>\n" );
//这儿共有四对引号,分别是按钮的ID、显示名、点一下输入内容、再点一下关闭内容(此为空则一次输入全部内容),\n表示换行。
注册js文件:

打开主题下的functions.php文件,添加:

/**
 * 注册后台HTML编辑器按钮添加JS到WP
 * 需要添加的按钮在diy-quicktags.js里修改
 */
function diy_quicktags() {
    wp_register_script('diyquicktagsJS',get_stylesheet_directory_uri().'/diy-quicktags.js',array('quicktags'));
    wp_enqueue_script('diyquicktagsJS');
}
add_action('admin_print_scripts', 'diy_quicktags');