在官網下載主程式後解壓縮,我抓下來玩的版本是 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中文手冊(簡體中文)

arrow
arrow
    全站熱搜

    小攻城師 發表在 痞客邦 留言(0) 人氣()