wordpress编辑器html文本中加入自定义标签的方法

微信扫一扫,分享到朋友圈

wordpress编辑器html文本中加入自定义标签的方法
收藏 00

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( '', '', '', '' ); 增加多个按钮!

一个热爱互联网的咸鱼
上一篇

怎么学seo技术,我的方法论「SEO入门到精通」

下一篇

Z-Blog通用火车头采集免登录发布模块「使用教程+下载」

你也可能喜欢

发表评论

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

提示:点击验证后方可评论!

插入图片

热门

    抱歉,30天内未发布文章!
返回顶部