TinyMCE（富文本编辑器）在Asp.Net中的使用方法

TinyMCE（富文本编辑器）在Asp.Net中的使用方法

 

转至:http://www.cnblogs.com/freeliver54/archive/2013/02/28/2936506.html

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 中文手册 http://www.inpeck.com/TinyMceManual/ 

tinymce中几个比较有用的插件: http://joom.org.ru/home/article/14-tinymce-plugin.html 

在线编辑器 TinyMCE 3 的简体中文语言包: http://www.metalstar.net/?d=86 

tinymce中文字体过小解决方法  http://www.humker.com/2008/03/07/tinymce-chinese-font-size 

做成自定义控件：http://www.jonllen.com/jonllen/aspnet/tinymce.aspx

tinymce不管哪个版本，中文的默认字体都是太小了，编辑了保存以后再拿出来还莫名其妙的变的很大。

解决方案：js\themes\advanced\css\editor_content.css中的

body, td, pre {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

10px改为12px就可以了。