自定义增强WordPress自带文本编辑器按钮

原创 楚盟  2018-10-05 20:36  阅读 186 views 次

wordpress自带的文本编辑器很简单,为了提高编辑效率,可以根据操作习惯自定一些按钮放在工具栏上,效果如下

 

将以下内容放在functions.php中,根据实际情况修改

//添加HTML编辑器自定义快捷标签按钮
add_action('after_wp_tiny_mce', 'my_quicktags');
function my_quicktags($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'black', '后面的是自定义按钮--->', "", "" );
QTags.addButton( 'wp_page', '分页按钮', "<!--nextpage-->\n", "" );
QTags.addButton( 'span', '下划线', '<span class="xhx">', '</span>' ); 
QTags.addButton( 'btm-zd', 'Go Button', '<a class="btm-zd" href="#" target="_blank" rel="nofollow">', '</a>' ); 
QTags.addButton( 'btm-dl', 'Download', '<a class="btm-dl" href="#" target="_blank" rel="nofollow">', '</a>' ); 
QTags.addButton( 'textsuc', '绿边文本框', '<p class="textsuc">', '</p>' ); 
QTags.addButton( 'texterr', '红边文本框', '<p class="texterr">', '</p>' ); 
QTags.addButton( 'textok', '蓝边文本框', '<p class="textok">', '</p>' ); 
QTags.addButton( 'textgreen', '绿块文本', '<p class="textgreen">', '</p>' ); 
QTags.addButton( 'textblue', '蓝块文本', '<p class="textblue">', '</p>' ); 
QTags.addButton( 'textred', '红块文本', '<p class="textred">', '</p>' );
function my_quicktags() {
}
</script>
<?php
}

Github备份:

https://raw.githubusercontent.com/zhouxiangbin/Code/master/wordpress-editor-17216.txt

本文地址:https://www.5yun.org/17216.html
关注我们:请关注一下我们的微信公众号:扫描二维码楚盟网的公众号,公众号:chubin5yun
版权声明:本文为原创文章,版权归 楚盟 所有,欢迎分享本文,转载请保留出处!
NEXT:已经是最新一篇了

发表评论


表情