天天看點

TinyMCE(富文本編輯器)在Asp.Net中的使用方法

TinyMCE 在Asp.Net中的使用方法其實挺簡單的,從官方網站下載下傳TinyMCE),然後将裡面的jscripts目錄拷到你的網站目錄

假設你的aspx頁面中某一個地方需要用到編輯器,則加入

<asp:TextBox ID=”brand” TextMode=”MultiLine” runat=”server” />

并同時在header裡加入:

<script src=”../js/tiny_mce/tiny_mce_src.js” type=”text/javascript”></script>

<script language=”javascript” type=”text/javascript”>

    tinyMCE.init({

          mode : “textareas”,

          theme : “simple”

    });

</script>

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

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

mode : "exact", elements : “對應的ID”

需要其它的用法,可以到官方網站檢視

----------------------------------------------------------------

中文亂碼問題:在設定好TinyMCE的語言包後,在ASP.net中使用的時候卻總是不正常,無法争取讀取到語言包内容。仔細研究後發現,原來是因為ASP.net 2.0預設的HTTPResponse輸出的編碼是utf-8,而非中文gb2312,或是gb18030、HZ是以就會出現設定正确,但是在頁面執行的時候卻出現錯誤,不能正确讀取語言包的配置的問題。我們可以在Page類的加載過程Load中加入如果設定語句就可以解決這個問題  Response.ContentEncoding = Encoding.GetEncoding("gb2312")重新編譯執行後,就可以正常讀取到中文語言資源包中的内容了。

-----------------------------------------------------

相關資源收集:tinymce中文字型過小解決方法 

tinymce不管哪個版本,中文的預設字型都是太小了,編輯了儲存以後再拿出來還莫名其妙的變的很大。

解決方案:js/themes/advanced/css/editor_content.css中的

body, td, pre {

 font-family: Verdana, Arial, Helvetica, sans-serif;

 font-size: 12px;

}

10px改為12px就可以了。

繼續閱讀