增加wordpress文章編輯器按鈕

網站建設 SEO相關1 4,230閱讀模式

wordpress文章編輯器使用的是目前國際上十分流行的TinyMCE編輯器,TinyMCE是一個輕量級的基于瀏覽器的所見即所得編輯器,支持目前流行的各種瀏覽器。功能方面雖然不能稱得上是最強,但絕對能夠滿足大部分網站的需求,并且功能配置靈活簡單。

通常wordpress內置的文章編輯按鈕已經可以滿足我們平時寫博的功能,如果你需要更加多的按鈕支持功能,可以通過以下方法來實現。

在主題文件夾下的functions.php文件中加入如下代碼:

add_filter('mce_buttons_3','my_buttons');
function my_buttons($buttons){
	$mces=array(
		'cut',
		'copy',
		'paste',
		'image',
		'code',
		'hr',
		'fontselect',
		'fontsizeselect',
		'styleselect',
		'sub',
		'sup',
		'backcolor',
		'visualaid',
		'anchor',
		'newdocument',
	);
	foreach($mces as $mce){
		$buttons[]=$mce;
	}
	return $buttons;
}
修改好后,這時文章編輯頁面的編輯按鈕界面已經改變。

另外一種修改方法。

WordPress默認編輯器為TinyMCE,你可能認為它比較簡陋,不過本人不喜歡使用其它增強類的插件,累贅,寫日志又不是編排辦公文件,不需要過于復雜的功能,其實默認編輯器TinyMCE有部分功能按鈕被隱藏了,通過下面的代碼可以為TinyMCE編輯器增加額外按鈕,比如:分隔線、字體、字號選擇、上標下標等,如圖:

增加wordpress文章編輯器按鈕

將下面代碼添加到你的主題functions.php模版文件中:

function enable_more_buttons($buttons) {
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
$buttons[] = 'wp_page';
$buttons[] = 'anchor';
$buttons[] = 'backcolor';
return $buttons;
}
add_filter("mce_buttons_3", "enable_more_buttons");

上面的代碼默認是加到編輯器工具欄的第一行,也可以加到第二或另起一行,用下面的代碼替換上面代碼中最后一句。

添加到第二行:

?add_filter("mce_buttons_2",?"enable_more_buttons");

單獨另起一行:

?add_filter("mce_buttons_3",?"enable_more_buttons");

通過上述方法將隱藏的按鈕顯示出來,使TinyMCE編輯器功能得到增強,基本可滿足大部分人的需求。

 
  • 本文由 米粒在線 發表于 2013年1月14日21:30:22
  • 轉載請務必保留本文鏈接:http://m.bjmhhq.com/3165.html
    • 米粒在線

      //開啟編輯器更多功能
      function enable_more_buttons($buttons) {
      $buttons[] = ‘hr’;
      $buttons[] = ‘del’;
      $buttons[] = ‘sub’;
      $buttons[] = ‘sup’;
      $buttons[] = ‘fontselect’;
      $buttons[] = ‘fontsizeselect’;
      $buttons[] = ‘cleanup’;
      $buttons[] = ‘styleselect’;
      $buttons[] = ‘wp_page’;
      $buttons[] = ‘anchor’;
      $buttons[] = ‘backcolor’;
      return $buttons;
      }
      add_filter(“mce_buttons_4”, “enable_more_buttons”);

    發表評論

    匿名網友
    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
    確定

    拖動滑塊以完成驗證