[轉]TinyMCE（富文本編輯器）在Asp.Net中的使用方法

<a href="http://tangb4c.yo2.cn/archives/633878"></a>

現在做網頁，用FCKEditor用得比較多，它的實作原理是在要加入FCKEditor的地方加入一個iframe,并将其src指向FCKeditor/editor/fckeditor.html?InstanceName=commodityBrief&amp;Toolbar=Default，至于後面的參數，根據情況不同，參數傳遞得不一樣，然後裡面用Table來實作頂部的工具欄，接着下面再用一個iframe,src指向fckblank.html，來實作編輯區。

整體上顯得有些臃腫。于是找了找其它的HTML編輯器，大概有FreeTextBox,TinyMCE,這裡要介紹的就是TinyMCE。這是一款基于JS的編輯器，網方介紹如下：

優點（我的第一印象）：

生成的代碼簡潔，預設皮膚簡單明了;

在Asp.Net中使用友善，無須太多設定。

在Asp.Net中的使用方法其實挺簡單的，不過就琢磨這個，花了大概1~2個小時的時間，是以在這裡寫下來，以幫助遇到同樣問題的人

假設你的a.aspx頁面中，某一個地方需要用到編輯器，則在此位置加入

&lt;asp:TextBox ID=”brand” TextMode=”MultiLine” runat=”server” /&gt;

并同時在header裡加入：

&lt;script src=”../js/tiny_mce/tiny_mce_src.js” type=”text/javascript”&gt;&lt;/script&gt;

&lt;script language=”javascript” type=”text/javascript”&gt;

    tinyMCE.init({

    mode : “textareas”,

    theme : “simple”

    });

&lt;/script&gt;

運作頁面，即可以看到一個編輯器出現了，并且你在服務端可以通過brand.Text來擷取值(你可能會看到一個出錯的提示，這時隻需要将.aspx最開始的&lt;%@ Page 裡加入ValidateRequest=”false”,即可)

當然，如果你頁面中有多個textareas,你可能隻希望某一個用編輯器代替，則上面的mode一行改為: