为Wordpres编辑器添加自定义按钮

PHPABC WordPress 1,558 次浏览 , , 没有评论

用以下方法快捷方便的在后台文本编辑器中加入自定义按钮,不必再在每次更新Wordpres后重新编辑 /wp-includes/js/quicktags.js。

首先创建一个 my-quicktags.js,输入以下内容:

QTags.addButton( 'hr', 'hr', "\n<hr />\n", '' );
QTags.addButton( 'h2', 'h2', "\n<h2>", "</h2>\n" ); 
QTags.addButton( 'h3', 'h3', "\n<h3>", "</h3>\n" ); 
QTags.addButton( 'pre', 'pre', "\n<pre lang='php'>","

\n” );
//QTags.addButton( ‘my_id’, ‘button name’, ‘\n‘, ‘\n’ );
//这儿共有四对引号,分别是按钮的ID、显示名、点一下输入内容、再点一下关闭内容(此为空则一次输入全部内容),\n表示换行。

然后把此js丢入主题文件夹,再在主题 functions.php 中加入代码:

// 自定义HTML编辑器按钮
add_action('admin_print_scripts', 'my_quicktags');
function my_quicktags() {
    wp_enqueue_script(
        'my_quicktags',
        get_stylesheet_directory_uri().'/my-quicktags.js',
        array('quicktags')
    );
}

实际效果见下图:
WordPress3编辑器自定义按钮添加

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go