RichTextBox using Free TinyMCE Editor in C# ASP.Net

RichTextBox using Free TinyMCE Editor in ASP.Net

(Rich text box TinyMCE Editor in ASP.Net)

Hello friend, I will today introduce a richtextbox (which support formatting,styling of content) named TinyMCE text editor.

At the end of this tutorial there is a link to download the sample project.

Create a website project and in the default.aspx you need to integrate the TinyMCE library with your project.

Download the library here tinymce library.

Download the library and extract it and add the entire TinyMCE directory(Folder) to the root of the project by simply copying the folder and then right click on the project name in the solution explorer and paste it.

Now add these lines to the default.aspx page to link the TinyMCE library to the page.

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

<script type=”text/javascript”>
tinyMCE.init({
mode: “textareas”,
theme: “advanced”,
plugins: “safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell, inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality, fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager”,
theme_advanced_buttons1: “save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull, |,styleselect,formatselect,fontselect,fontsizeselect”,
theme_advanced_buttons2: “cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote ,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor, backcolor”,
//theme_advanced_buttons3 : “tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print, |,ltr,rtl,|,fullscreen”,
//theme_advanced_buttons4 : “insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym, del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage”,
theme_advanced_toolbar_location: “top”,
theme_advanced_toolbar_align: “left”,
theme_advanced_statusbar_location: “bottom”,
theme_advanced_resizing: false,
template_external_list_url: “js/template_list.js”,
external_link_list_url: “js/link_list.js”,
external_image_list_url: “js/image_list.js”,
media_external_list_url: “js/media_list.js”
});
</script>

And Now to use this rich text box i.e. TinyMCE you just need to set the property TextMode=”Multiline”.

Now see the example I used, You can see that there are three fields named title, short descriptions and long descriptions. The textmode property of two textbox respective to title and short description are not specified but for long description the textmode is set to multiline.

Now build the project you can see the result as looks like in the picture attached below.

TinyMCE text Editor in C# asp .net
TinyMCE text Editor in C# asp .net

The textbox having textmode=multiline is automatically converted to TinyMCE text editor and now you can format and style your text and when you will get the text of the textbox it will return a html code including all styling and formatting as you made with your content.

Download the complete demo project here.Demo of TinyMCE text Editor in C# asp .net

15 Replies to “RichTextBox using Free TinyMCE Editor in C# ASP.Net”

  1. cars 3 Posters

    This is the perfect website for anybody who wants to find out about this topic.

    You know so much its almost hard to argue witth you (not
    that I really would want to…HaHa). Youu definitely put a fresh spin on a subject which
    has been discussed for ages. Wonderful stuff, juat wonderful!

  2. quest bars

    I’m impressed, I must say. Rarely do I encounter a blog that’s equally educative
    and entertaining, and let me tell you, you have hit the nail on the head.
    The problem is an issue that too few folks are speaking intelligently
    about. Now i’m very happy I found this in my search for something relating to this.

  3. JulesNJarvie

    Howdy! This is kind of off topic but I need some help from an established blog.

    Is it tough to set up your own blog? I’m not very techincal
    but I can figure things out pretty quick. I’m thinking about making my own but I’m not sure where to
    begin. Do you have any ideas or suggestions? Cheers

  4. CarlenaQByse

    A motivating discussion is worth comment. I really do believe you should
    publish more about this subject matter, it may possibly not be considered a taboo
    subject but usually people usually do not speak about these topics.
    To another! Best wishes!!

  5. IsaiasYBothe

    You really ensure it is seem so easy along with your
    presentation having said that i find this matter to be really something which I feel I would personally never understand.
    It seems too complex and extremely broad for me personally.
    I am just anticipating for your upcoming post, I will try to find the hang
    than it!

  6. JanFMouzon

    Nice post. I learn something new and challenging on blogs I stumbleupon on a
    daily basis. It will always be useful to read articles from other writers and practice
    something from other sites.

  7. EwaCKimery

    Great post. I was once checking constantly this weblog and I’m impressed!
    Extremely helpful info specially the remaining section 🙂 I maintain such info much.
    I had been seeking this particular information for the number of years.
    Thanks and best of luck.

Leave a Reply

Your email address will not be published. Required fields are marked *