TinyMCE for asp.net

Asp.net using C#

Posted by iks on 1/16/2015 10:04:36 AM

If you want to have TinyMCE editor for your text box. You just need to do the following simplest steps:

Step 1: Paste the following code in your .aspx file under the <title> and in the <head> tag :


tinymce.init({
selector: ".mcetiny",
theme: "modern",
plugins: [
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars code fullscreen",
"insertdatetime media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor"
],
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
toolbar2: "print preview media | forecolor backcolor emoticons",
image_advtab: true,
templates: [
{ title: 'Test template 1', content: 'Test 1' },
{ title: 'Test template 2', content: 'Test 2' }
]
});

Step 2: Put the CssClass in your TextBox as <asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" CssClass="mcetiny" placeholder="Content" CausesValidation="true"/> 


Comments

Please leave your comment here!