wordpress文本编辑器自带b,i,link,b-quote,ul,ol,li等标签,但是有时候我们需要使用其他标签,比如 h1 h2 h3等常用标签,下面分享wordpress编辑器html文本中加入自定义标签的方法,以便于快捷的编辑写文章。
编辑主题的 functions.php 文件
路径一般为:/wp-content/themes/主题文件夹/functions.php
,然后将以下代码添加到最后
//文本编辑器添加自定义代码标签 add_action(‘after_wp_tiny_mce’, ‘add_button_mce’); function add_button_mce($mce_settings) { ?> <script type=”text/javascript”> 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( ‘h5’, ‘h5’, “<h5>”, “</h5>” ); QTags.addButton( ‘h6’, ‘h6’, “<h6>”, “</h6>” ); QTags.addButton( ‘pre’, ‘pre’, “<pre>”, “</pre>” ); QTags.addButton( ‘kbd’, ‘kbd’, “<kbd>”, “</kbd>” ); </script> <?php }
此时我们就可以自定义自己想要的标签了。
原理分析
QTags.addButton( '', '', '', '' );
四对引号,分别表示按钮的ID、按钮显示名、点一下输入内容、再点一下关闭内容(最后一对引号为空则一次输入全部内容),\n表示换行
形象说明: QTags.addButton( '按钮ID', '按钮显示名', '点一下输入内容', '点一下关闭内容' );
可以自定义添加多行 QTags.addButton( '', '', '', '' );
增加多个按钮!