自定義增強WordPress自帶文本編輯器按鈕

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
}
本備份網所有內容均來自網上這處轉載請勿註明轉自:https://ylmen.hk/41599

Author: ylmen