TinyMCE编辑器增强:增加HTML标签

TinyMCE编辑器是WordPress后台默认编辑器,有两种编辑模式,在文本编辑状态下,可以插入HTML标签,习惯用HTML编辑器,但是缺少HTML标签。下面介绍一种方法,我们可以增加html标签,方便我们后台编辑文章。

打开主题根目录下的functions.php文件,在文件的最后面增加如下代码:

function lerm_add_quicktags() {
	if ( wp_script_is( 'quicktags' ) ) {
		?>
		<script type = 'text/javascript'>
			QTags.addButton('pre','pre','<pre>','</pre>');
			QTags.addButton('H1','h1','<h1>','</h1>');
			QTags.addButton('H2','h2','<h2>','</h2>');
			QTags.addButton('H3','h3','<h3>','</h3>');
			QTags.addButton('H4','h4','<h4>','</h4>');
			QTags.addButton('p','p','<p>','</p>');
			QTags.addButton('div','div','<div>','</div>');
			QTags.addButton('a', 'a', '<a href="" title="">', '</a>' );
		</script>
		<?php
	}
}
add_action( 'admin_print_footer_scripts', 'lerm_add_quicktags' );

其中,四个参数中第一个表示标签的ID,第二个表示显示的名称,第三个表示点击一下输入标签,第四个表示,点击第二下关闭标签。按着这种格式,可以根据需要增加更多标签。 OK!现在你就可以在TinyMCE编辑器中快速插入标签了,赶紧试试吧。

发表评论

游客欢迎您123