下切總是從下載開始:http://www.tinymce.com/download/download.php,我選擇的是最基本的版本。下載后解壓縮到web目錄下。
官方的一個傻瓜指南:http://www.tinymce.com/wiki.php/Installation,它給出了建立編輯器最基本的代碼。init()方法里,接收很多配置參數,關於這些參數的解釋在:http://www.tinymce.com/wiki.php/Configuration。我想我需要挑幾個基本的瞭解下。
它指定的是如何尋找應該被轉換成Tiny編輯區域的HTML元素。
textareas | 頁面加載之後,Tiny_MCE會自動將所有textarea元素轉換成編輯區域。 |
exact | 通過HTML元素的id值來指定,不過這些id是要作為elements參數的值才有效,多個id之間用逗號分隔,當然除了textarea,也可以是div。 |
主題的選擇,主題文件夾在路徑tinymce/jscripts/tiny_mce/themes/下,Tiny_MCE有兩個自帶的主題:advanced和simple。只有在advanced的時候,才可以定制編輯器的外觀與功能。關於advanced設定下的主題參數配置:http://www.tinymce.com/wiki.php/Configuration:Advanced_theme
主要就是介面的配色,實際上是加載不同的CSS,Tiny_MCE有兩個自帶的皮膚:“default”和“o2k7”。一個皮膚可能有多個版本,通過skin_variant參數指定。
它是路徑tinymce/jscripts/tiny_mce/plugins/下的插件。如果想從外部引用,則需要在插件名前加“-”。