小攻城師的戰場筆記

在官網下載主程式後解壓縮，我抓下來玩的版本是 Main Package，以下以解壓縮到 C:\tinymce 資料夾為例。

解壓縮後就可以打開裡面的 example 資料夾的 index.html，試看看能不能正常操作 TinyMCE。在操作過程會發現，所有的提示文字都是英文的，如果需要可以再做中文化設定。

如果要做中文化，得先抓繁體中文的語系設定檔。別的 blog 多半都說要抓 "zh_tw_utf8" 這個語系檔，但是我在官網找很久都沒有看到，"Chinese" 抓下來是簡體中文的，後來才在官網的附設討論區裡得知要找 "Twi" 這一個下載。

下載語系設定檔解壓縮後，放到剛才的主程式放置相關 javascript 的資料夾裡，以我的情況就是放在C:\tinymce\jscripts\tiny_mce 啦。

另外，在TinyMCE的初始化函式裡要加入語系設定，例如：

        tinyMCE.init({
                // General options
                mode : "textareas",     // 表示對所有 Textarea 元素都套用 TinyMCE
                language : "tw"         // 表示指定繁體中文語系，TinyMCE 會在資料夾下搜尋檔名為 tw*.js 的語系檔
            }
        });

如果要在 ASP.net 裡引用，要指給特定的 textbox，由於在 ASP.net 中會循結構自動產生物件 ID，無法直接設定 elements 的值，因此若是要將 TextBox1 加上 TinyMCE、又擔心 TextBox1 的 ID 會隨程式結構變化（尤其是有使用到 MasterPage 的時候），可以利用物件的 ClientID 屬性取得它在編譯為 HTML 之後的 ID，像這樣寫：

        <script type="text/javascript">
                tinyMCE.init(
                    {
                        mode : "exact",     // 表示對特定元素指定套用 TinyMCE
                        elements: "<%=TextBox1.ClientID%>"
                    }
                );
        </script>



-----------------
相關學習資源：
TinyMCE中文手冊（簡體中文）