TinyMCE 小調整

TinyMCE 網站上的完整範例，工具列滿滿三大列，而 pLog 編輯區這麼小，放個兩列就已經看起來很滿了。還好， TinyMCE 有個 fullscreen 的外掛，可以讓我們用全螢幕編輯。現在的重點是，能否讓 pLog 保持剛剛好夠用的工具列，而在全螢幕時使用完整的工具列呢？

答案是可以。

參考 TinyMCE 官方網站關於 fullscreen 外掛的說明，可以加額外的參數使全螢幕時的使用不同的功能設定值如下(官方文件範例)：

tinyMCE.init({
 theme : "advanced",
 mode : "textareas",
 plugins : "fullscreen",
 theme_advanced_buttons3_add : "fullscreen",
 fullscreen_settings : {
  theme_advanced_path_location : "top"
 }
}); 

紅色部份就是加額外參數的地方。

我主要是想把表格的所有工具按鈕都放在全螢幕的第三列工具列上，所以，我在 /var/www/blog/js/tinymce/jscripts/tinymce/ 目錄下的 tiny_mce-plog.js 設定檔，第 17 - 19 行處，做了如下的修改：

        theme_advanced_buttons3 : "",
        fullscreen_settings : {
                theme_advanced_buttons3 : "tablecontrols"
        },
          
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_path_location : "bottom",

也就是全螢幕模式下，將第三列工具列加上 tablecontrols ，也就是所有表格工具。

特別注意，別忘記右大括號旁那個逗點。少了它，會讓 IE 的編輯工能失常。