13071077710
您的当前位置: 首页 > wordpress > wordpress 富文本编辑器添加自定义按钮

wordpress 富文本编辑器添加自定义按钮

时间: 2017-7-1

wordpress代码高亮显示一文中,我们每一次添加代码都需要在编辑文本模式,输入代码,造成不便。现在教各位一个为WordPress后台编辑器集成快捷键教程。

最终效果预览

集成方法

将以下代码添加到当前使用主题的functions.php文件中即可。

// 添加HTML按钮
function appthemes_add_quicktags() {
?> 
<script type="text/javascript"> 
QTags.addButton( '代码高亮', '代码高亮', '\n<pre class="language-c line-numbers"><code class="language-c">', '</code></pre>\n' );
QTags.addButton( '下载按钮', '下载按钮', '\n<a class="btn download-button" href="', '"rel="nofollow" target="_blank">点击下载</a></div>\n' );
</script>
<?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );

代码解析

QTags.addButton( '按钮的ID', '按钮显示名', '点一下输入内容', '点一下关闭内容' );
\n表示换行
可以自定义添加多行 QTags.addButton( ‘按钮的ID’, 按钮显示名”, ‘点一下输入内容’, ‘点一下关闭内容’ );增加多个按钮!

Copyright © 2013-2019 子歇    版权所有   网站地图