标签: 自定义按钮

WordPress3.3 编辑器自定义按钮添加新方法

Mark文一篇，原文见 @ihacklog 博文（1 & 2）。

如果你使用了WP3.3，即可以用以下方法快捷方便的在后台HTML编辑器中加入自定义按钮，不必再在更新一下在 /wp-includes/js/quicktags.js 动一次手脚咯。

首先创建一个 my-quicktags.js，丢入以下内容：

QTags.addButton( '< ', '<', '&lt;', '' ); //快捷输入<的html代码
QTags.addButton( '>', '>', '&gt;', '' );
QTags.addButton( 'hr', 'hr', "\n<hr />\n", '' );  //快捷输入一个hr横线，点一下即可
QTags.addButton( 'h1', 'h1', "\n<h1>", "</h1>\n" );  //快捷输入h1标签
QTags.addButton( 'h2', 'h2', "\n<h2>", "</h2>\n" );
QTags.addButton( 'h3', 'h3', "\n<h3>", "</h3>\n" );
//QTags.addButton( 'my_id', 'my button', '\n', '\n' );  
//这儿共有四对引号，分别是按钮的ID、显示名、点一下输入内容、再点一下关闭内容（此为空则一次输入全部内容），\n表示换行。

继续阅读

2012-01-18