阿駕零零壹 © 學習筆記

在 上一篇 後，接下來當然是要來修改一下新的編輯器摟。

原本的 TinyMCE 的按鈕有點陽春，雖然是夠用，不過還是有各自的偏好，所以要來修改一下。

1. 首先，備份一下編輯器的 .js 檔案：

# cd  plog/js/tinymce/jscripts/tiny_mce
# cp  tiny_mce-plog.js  tiny_mce-plog.js.bak

2. 編輯「tiny_mce-plog.js」檔案：

　第 8~10 行，會看到「theme_advanced_buttons」開頭的三行，這就是按鈕列。

　可以使用的項目有：

bold, italic, underline, strikethrough, justifyleft, justifycenter, justifyright, justifyfull, styleselect, separator ,
# 粗體 , 斜體 , 底線 , 刪除線 , 靠左 , 置中 , 靠右 , 分散 , style選擇 , 分隔線

bullist, numlist, outdent, indent, undo,redo, link, unlink, image, cleanup, help, code,
# 項目符號 , 項目編號 , ? , 內縮(blockquote) , 還原 , 取消還原 , 連結 , 取消連結 , 影像 , 清除多餘語法 , 求助 , html編輯

table, row_before,row_after, delete_row, rowseparator, col_before, col_after, delete_col,
# table 相關，需要外掛。

hr, removeformat, sub, sup, formatselect, fontselect, fontsizeselect, forecolor,charmap,visualaid,spacer,cut,copy,paste
# 分隔線 , 清除格式 , 下標 , 上標 , 格式選擇 , 字型選擇 , 字型大小 , 字體顏色 , ? , ? , ? , 剪下 , 複製 , 貼上,

　請記得要用「,」隔開每一項，而其中的「theme_advanced_buttons1~3」分別代表三行，看自己要怎麼分。

3. contextmenu

　使用時，應該會發現在編輯區上面點右鍵，會出現「剪下/複製/貼上」三項，如果不想使用，可以用這個方法取消：

　編輯「tiny_mce-plog.js」，第四行有個「plugins : "fullscreen,insertresource,contextmenu",」，

　將最後面的 contextmenu 部份刪除掉，就不會出現這個選單了。

　另外，請注意，這個「剪下/複製/貼上」在 MozillaFirefox 上會有安全警示，不給使用，所以還是乖乖用「Ctrl+?」吧。

4. 文件

　其他更多相關資訊，可以查閱 官方文件，裡面有很詳盡的資料。

　或是 這個 剛好搜尋到的中文文件。

最後，我只想說：這個編輯器實在太棒了，終於不用再受 HTMLArea 的鳥氣，把自己的語法改的亂七八糟。

另外，新增一下，lss前輩 研究出加上 plugins 的方法，詳見：

安裝篇  http://blog.nlhs.tyc.edu.tw/post/2/22 

調校篇  http://blog.nlhs.tyc.edu.tw/post/2/23