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

[复制链接]
查看534 | 回复0 | 2020-2-18 16:34:54 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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

自定义增强WordPress自带文本编辑器按钮778文本编辑器,
将以下内容放在functions.php中,根据实际情况修改
  1. //添加HTML编辑器自定义快捷标签按钮
  2. add_action('after_wp_tiny_mce', 'my_quicktags');
  3. function my_quicktags($mce_settings) {
  4. ?>
  5. <script type="text/javascript">
  6. QTags.addButton( 'black', '后面的是自定义按钮--->', "", "" );
  7. QTags.addButton( 'wp_page', '分页按钮', "<!--nextpage-->\n", "" );
  8. QTags.addButton( 'span', '下划线', '<span class="xhx">', '</span>' );
  9. QTags.addButton( 'btm-zd', 'Go Button', '<a class="btm-zd" href="#" target="_blank" rel="nofollow">', '</a>' );
  10. QTags.addButton( 'btm-dl', 'Download', '<a class="btm-dl" href="#" target="_blank" rel="nofollow">', '</a>' );
  11. QTags.addButton( 'textsuc', '绿边文本框', '<p class="textsuc">', '</p>' );
  12. QTags.addButton( 'texterr', '红边文本框', '<p class="texterr">', '</p>' );
  13. QTags.addButton( 'textok', '蓝边文本框', '<p class="textok">', '</p>' );
  14. QTags.addButton( 'textgreen', '绿块文本', '<p class="textgreen">', '</p>' );
  15. QTags.addButton( 'textblue', '蓝块文本', '<p class="textblue">', '</p>' );
  16. QTags.addButton( 'textred', '红块文本', '<p class="textred">', '</p>' );
  17. function my_quicktags() {
  18. }
  19. </script>
  20. <?php
  21. }
复制代码
Github备份:将以下内容放在functions.php中,根据实际情况修改
将以下内容放在fu将以下内容放在functions.php中,根据实际情况修改nctions.php中,根据实际情况修改

018年10将以下内容放在functions.php中,根据实际情况修改月5日

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

灌水成绩
406
主题
410
帖子
1574
积分
等级头衔
积分成就
  • 威望: 0
  • 贡献: 1164
  • 金钱: 0
  • 违规:
  • 在线时间:156 小时
  • 注册时间:2020-2-11
  • 最后登录:2020-8-23
个人勋章

最佳新人活跃会员热心会员突出贡献优秀版主论坛元老精贴王灌水之王荣誉管理

联系方式