为wordpress经典编辑器添加普通高亮按钮

为WordPress经典编辑器添加自定义按钮。
鲜果博客

把以下代码加入你主题functions.php文件里就可以了。

  1. //普通高亮框   
  2. function normalbox($atts$content=null, $code="") {  
  3.     $return = '<span class="normalbox" style="-moz-box-shadow:1px 1px 2px  #999 inset;-webkit-box-shadow:1px 1px 2px #999 inset;box-shadow:1px 1px 2px #999 inset;margin:0 2px 0 2px;border:1px solid #bbb;border-radius:3px;background-color:#fff;padding:0px 5px 1px 5px;text-shadow:0 1px 3px #999;text-align:center;font-size:14px;height-line:14px;">';  
  4.     $return .= $content;  
  5.     $return .= '</span>';  
  6.     return $return;  
  7. }  
  8. add_shortcode('normalbox' , 'normalbox' );   
  9. function appthemes_add_quicktags() { ?><script type="text/javascript"> QTags.addButton( '普通高亮', '普通高亮', '【normalbox]', '【/normalbox]' ); //普通高亮 </script><?php } add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );  

效果预览:
这是一段普通高亮代码演示

关于我 | lixianguo

只是一位喜欢音乐、小说、诗歌、散文的八零后伪程序员。一不小心入了wordpress的坑,从此一发不可收拾!每天以折腾主题代码为乐。

本文来源INLOJV,经授权后由lixianguo发布,观点不代表鲜果博客的立场,转载请联系原作者。
7
鲜果博客

发表评论