In this article I will explain with an example and attached sample code, how to implement free TinyMCE Editor as Rich TextBox in ASP.Net using C# and VB.Net.
HTML Markup
The following HTML Markup consists of an ASP.Net Multiline TextBox, a Button and a Label.
The TinyMCE plugin has been applied to TextArea element.
Note: The ASP.Net Multiline TextBox is rendered as TextArea element in HTML, hence the TinyMCE plugin has been applied to TextArea element.
<asp:TextBox ID="txtTinyMCE" runat="server" TextMode="MultiLine"></asp:TextBox>
<br />
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="Submit" />
<hr />
<asp:Label ID="lblContent" runat="server"></asp:Label>
<script type="text/javascript" src="https://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({ selector: 'textarea', width: 300 });
</script>
Displaying the TinyMCE Rich Text Content
When Submit Button is clicked, the contents of the TinyMCE Rich TextBox are displayed in the ASP.Net Label control.
C#
protected void Submit(object sender, EventArgs e)
{
lblContent.Text = txtTinyMCE.Text;
}
VB.Net
Protected Sub Submit(sender As Object, e As System.EventArgs)
lblContent.Text = txtTinyMCE.Text
End Sub
Screenshot
![RichTextBox Example using Free TinyMCE Editor in ASP.Net]()
Exception Handling
![RichTextBox Example using Free TinyMCE Editor in ASP.Net]()
The solution for the above exception has been provided in the following article.
Browser Compatibility
The above code has been tested in the following browsers.
![Internet Explorer]()
![FireFox]()
![Chrome]()
![Safari]()
![Opera]()
* All browser logos displayed above are property of their respective owners.
Demo
Downloads
