Welcome to MSDN Blogs Sign in | Join | Help

Rich Text Editor is here

I am super excited to announce that Kannan Sundararajan, my colleague at Microsoft, has written a Rich Text Editor control using ASP.NET and JavaScript and shared it under the MS-PL license on CodePlex. It has a very rich feature set and Kannan hopes to enhance it further in the future. Since it is a CodePlex project you can report issues and make feature requests.

Here are the highlights:

  • Live demo: If you would like to see the control in action, then check out this live demo that Kannan has put up.
  • Getting the bits
    1. You can download the latest RichTextEditor bits from the Source Code tab of the CodePlex project.
    2. Unzip the files to a local directory and open the solution using Visual Studio.
    3. The RichTextEditor.dll will be located in the bin directory of the RichTextEditor project.
    4. You can also preview the control by opening the Default.aspx page of the SampleWebSite project in a browser.
    5. To add the RichTextEditor to your project simply reference the RichTextEditor binary in your web project and register its assembly and namespace on the page.
  • Documentation: Kannan has a nice Power Point presentation that talks about some of the important features. It is in the Docs folder when you unzip the source.
  • Features: Here are some really compelling features that I would like to call out.
    • Clipboard support: You can copy and paste content from other programs like Microsoft Word, Internet Explorer, Visual Studio into the RichTextEditor and it will persist the formatting. If you copy code from Visual Studio it will preserve the code coloring scheme.

      WordCopyRTE

    • Context sensitive Toolbar: The ToolBar buttons will reflect the properties of that content automatically when you select it or navigate through it using the mouse or keyboard .

      ContextSensitiveRTE

    • Code Block: It allows you to format text as code blocks. Simple select the text and format it by clicking the "Code Block" ToolBar button. CodeBlockRTE
    • Emoticons: You can express yourself better by adding emoticons to your rich text.

      EmoticonsInRTE

    • HtmlView: If you would like to have more control over the look and feel of your text then you can edit it in HtmlView as well.

      HtmlViewRTE

    • Text in multiple languages: The control currently supports several languages. This means that I can type a message to my mom in my native language, Marathi, using the RichTextEditor and send it to her. MarathiInRTE
    • Browser support: The control works well in two of the most widely used browsers Internet Explorer and Firefox.

 

Toolkit and the RichTextEditor

The RichTextEditor is not a part of the AJAX Control Toolkit and does not use the Toolkit infrastructure either. Currently there are no plans of integrating it into the Toolkit. However, as the new Toolkit contribution model states, we would like to share AJAX controls with the community that provide great solutions for important problems that are commonly faced by a lot of our users. Please try it out and give Kannan your feedback by using the Issue Tracker.

 

To richer text!

Published Saturday, November 10, 2007 2:23 PM by kirtid

Comment Notification

If you would like to receive an email when updates are made to this post, please register here

Subscribe to this post's comments using RSS

Comments

Saturday, November 10, 2007 7:07 PM by Noticias externas

# Rich Text Editor is here

I am super excited to announce that Kannan Sundarajan , my colleague at Microsoft, has written Rich Text

Sunday, November 11, 2007 4:56 PM by Brad Abrams

# Cool Free ASP.NET AJAX Rich Text Editor

Kannan Sundarajan has written Rich Text Editor control using ASP.NET AJAX and shared it under the MS-PL

Sunday, November 11, 2007 5:32 PM by Noticias externas

# Cool Free ASP.NET AJAX Rich Text Editor

Kannan Sundarajan has written Rich Text Editor control using ASP.NET AJAX and shared it under the MS

Sunday, November 11, 2007 8:03 PM by ナオキにASP.NET(仮)

# ASP.NET AJAX を利用した Rich Text Editor コントロールが CodePlex 上で公開!

Brad Abrams からです。 Cool Free ASP.NET AJAX Rich Text Editor ASP.NET AJAX を利用して作られた RTE コントロールが MS-PL license

Monday, November 12, 2007 11:26 AM by Coding4Fun

# The quick brown fox jumped into my Ajax'ed text editor

Kanan Sundarajan has written a Rich Text Editor and has shared it on CodePlex . For additional screenshots

Monday, November 12, 2007 11:49 AM by Noticias externas

# The quick brown fox jumped into my Ajax'ed text editor

Kanan Sundarajan has written a Rich Text Editor and has shared it on CodePlex . For additional screenshots

Monday, November 12, 2007 1:02 PM by Josh in AZ

# re: Rich Text Editor is here

How is the html from this handled during page validation?

Monday, November 12, 2007 1:12 PM by Kannan

# ASP.NET Rich Text Editor Control Released to Codeplex

I am glad to announce the release of ASP.NET Rich Text Editor control , that I have blogged about earlier,

Monday, November 12, 2007 2:08 PM by Noticias externas

# ASP.NET Rich Text Editor Control Released to Codeplex

I am glad to announce the release of ASP.NET Rich Text Editor control , that I have blogged about earlier

Monday, November 12, 2007 3:18 PM by anonymous

# re: Rich Text Editor is here

I'm very interested in the "hopes to enhance it further in the future" part.

Monday, November 12, 2007 3:42 PM by Josh Ledgard's Blog

# Rich Text Editor Control on Codeplex

I was pushing for this release when I was at Microsoft and while I can't explain what took so long

Monday, November 12, 2007 4:57 PM by Josh Ledgard

# Rich Text Editor Control on Codeplex

I was pushing for this release when I was at Microsoft and while I can't explain what took so long

Tuesday, November 13, 2007 6:50 AM by Shan

# not xHtml compliant

The control is not xHtml compliant.

Tuesday, November 13, 2007 2:37 PM by kirtid

# re: Rich Text Editor is here

You can report issues on the RTE CodePlex project. There is already one that tracks XHTML Compliance: http://www.codeplex.com/rte/WorkItem/View.aspx?WorkItemId=4354.

You can also ask questions and have discussions with other users of this control: http://www.codeplex.com/rte/Thread/List.aspx.

Wednesday, November 14, 2007 11:27 PM by 小李刀刀

# Kannan的ASP.NET AJAX可视化文本编辑器控件发布说明

功能特征: 下面是一些我想要重点介绍的引人关注的功能特征。

Friday, November 16, 2007 3:52 PM by Orcs Goblins and .NET

# ASP.NET Rich Text Editor Control

I've recently come across a large number of blog posts talking about a new Rich Text Editor on CodePlex

Tuesday, November 27, 2007 4:01 PM by Mike

# re: Rich Text Editor is here

1st: Excellent work, must have been pretty tough.

2nd: Now the Ajax Control Toolkit is not going to make one, which is sad, because we need the Toolkit to provide all common interface widgets, _including_ a rich text editor. So please merge and then go from there. You will have the added benefit of the general Toolkit popularity and testing framework.

Please consider. Keep up up the good work, thanks!

Monday, December 03, 2007 9:48 AM by Gurpreet Singh Modi

# re: Rich Text Editor is here

Thanks for posting. Was really looking for such a control from a long time!!!

Thursday, January 03, 2008 12:51 AM by Leblanc Meneses

# Why?

I was looking for a silver light or a flash flex rte and ran into this site.

html and javascript version have existed for several years now.  I've been using http://www.fckeditor.net/ for almost 3 years now.

realistically that project isn't going anywhere.  silverlight/flex are the way to do things now. who wants to maintain a bunch of crappy browser renderings .. especially for something that complex?

Thursday, January 24, 2008 2:16 AM by Dave

# re: Rich Text Editor is here

OK - so how DO I get to the dll? I downloaded the latest zip - no bin directory in there are all, sooooo I download team explorer - even using the username_cp I can't get access by loading it into VS2005, sooooo I download TortoiseSVN abd SCN Bridge and re-download the project again - apart from a hidden directory ',svn' it the same as the zip file - still no Bin directory, still no dll...

This is the fastest loading RT editor I have come across - and would be great in our apps - sooo some help please...

Thursday, January 24, 2008 2:36 AM by kirtid

# re: Rich Text Editor is here

Hi Dave,

Could you try building the solution and see if that creates a bin directory? You should ignore any Team explorer authentication prompts.

Kirti

Thursday, January 24, 2008 11:36 AM by Dave

# re: Rich Text Editor is here

Hi Kirti

Yup I ran build to compile last night - bin directory doesn't appear in VS2005, but it has now compiled a dll in the download directory under Bin/Debug - I'm not really sure what the .pdb file is for next to it? If I right click in toolbox - choose items and browse to the dll it's not visible...

Sorry to be a pain!

Thursday, January 24, 2008 12:55 PM by Dave

# re: Rich Text Editor is here

Hi Kirti

OK - I've got it working. Not sure why the assembly loads as RichTextEditor and the control as rte, but by changing the control name it runs fine now! Faster and better than anything I've come across including the heavyweight flickr editor...

Thank you

Thursday, January 24, 2008 4:47 PM by Dave

# re: Rich Text Editor is here

Another question... The editor is runs well, but for some reason when running under an SSL socket it's attempting to load some items that are 'nonsecure' (outside of the app) - if I load it and prevent the nonsecure items to be displayed I can't see any difference from allowing them. Getting this warning will be a pain to users though - any ideas?

Thursday, January 24, 2008 4:56 PM by kirtid

# re: Rich Text Editor is here

You should post any control specific issues in the RTE Issue tracker: http://www.codeplex.com/rte/WorkItem/AdvancedList.aspx and Kannan can investigate further.

Wednesday, January 30, 2008 8:53 AM by felix

# re: Rich Text Editor is here

only few fonts are available there.we want style more fonts

Friday, February 15, 2008 4:15 AM by wcai

# re: Rich Text Editor is here

I faced some problem when i try to use the DataBind for this richtext box. The formatting header lost. Any idea?

Monday, March 24, 2008 4:15 AM by Rakesh

# re: Rich Text Editor is here

I need a rich text editor which has a insert table option. Please send me the codes or tell me where I can find it.

Thanks

Monday, March 24, 2008 7:30 AM by Can't tab into a Rich text field

# re: Rich Text Editor is here

Hi guys,

       I am facing a need to tab twice in order to enter the rich text area, some how one tab doesn't work for me. Movement from one control to another is possible only if I tab twice, how can I tab into the textbox using only 1 tab.

Regards,

Naren.

Monday, March 24, 2008 7:30 AM by Naren

# Can't tab into a Rich text field

Hi guys,

       I am facing a need to tab twice in order to enter the rich text area, some how one tab doesn't work for me. Movement from one control to another is possible only if I tab twice, how can I tab into the textbox using only 1 tab.

Regards,

Naren.

Tuesday, April 08, 2008 12:23 AM by Robert Werner

# re: Rich Text Editor is here

Thank you for this control.  I easily implemented it in a web page.  I've searched every link I could find to try to find some technical details about it.

What I'd like to do is simply copy the rich text (ie. the HTML code) and paste in the body of an e-mail message.

How do I access the HTML contents of this rich text box?

Tuesday, April 08, 2008 2:33 PM by kirtid

# re: Rich Text Editor is here

The RichTextEditor project is open source and you can download and change its code as per the Microsoft Public License. It would be great if you could report new issues and vote on existing issues here that will help Kannan better track them: http://www.codeplex.com/rte/WorkItem/AdvancedList.aspx. You can also post questions on the RTE forum: http://www.codeplex.com/rte/Thread/List.aspx.

Tuesday, August 19, 2008 5:27 AM by Jason

# re: Rich Text Editor is here

This is superbad! Excellent work guys.

Tuesday, August 26, 2008 7:34 AM by Narayanan Kannan

# Needed help

Hi kannan,

How could we open this editor when user clicks on the div element in a modal popup, and i need to edit the content inside that particular div element and to save back in the same div element after editing using this editor. pls. help me out. Thanks in advance

Sunday, October 26, 2008 11:19 PM by Win32 és tovább

# Silverlight 2 RTW újdonságok (2. rész): Control-ok egységes és széleskörű rendszere

[2008. október 27.] Az október 14-i RTW (Ready To Wire) bejelentés kapcsán megvizsgáltuk a Silverlight

Tuesday, March 10, 2009 3:12 PM by saigon

# re: Rich Text Editor is here

Similar to Kannan, How can I get content of RichTextEditor as HTML in C# code page.

some thing like Rte1.GetContent();

Thanks,

Linh

Monday, March 23, 2009 1:55 PM by Karina

# Save Editor's content

How can I save the editors content? rte1.Text() returns empty string.

Monday, May 04, 2009 4:28 AM by Tina

# Visible=false gives JS error

When i set the controls visibility to false i get a java script error. Else a fantastic control thanks

Wednesday, July 01, 2009 3:30 PM by Prasanna

# re: Rich Text Editor is here

I don't see a button for strikethrough.

Leave a Comment

(required) 
required 
(required) 
 
Page view tracker