Click here to Skip to main content
15,898,035 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I have a TextArea control on my on the form for a webapplication. I want to add a formatting toolbar to it such as bold,italics etc. The control should work on the text selected in the TextArea control.

e.g the toolbar which we get while asking a question in codeproject[^] OR while writing a mail in gmail.

Please help me i want to know how to add this toolbar. Can anyone explain me How to do this?
Posted
Updated 21-Mar-18 19:22pm
Comments
Karthik. A 21-Oct-10 22:33pm    
If you are looking to learn how to do this, fine. Else if you are looking for something already available, check this out from MS (ajax toolkit) - http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/HTMLEditor/HTMLEditor.aspx
ishan_48 22-Oct-10 1:06am    
Thank You. Can you please tell me how do i use it in my code?
Karthik. A 22-Oct-10 17:34pm    
I have added a detailed answer to help you understand better...

1 solution

* Go to http://ajaxcontroltoolkit.codeplex.com/[^] and download the ajaxcontrol toolkit using the "Download" link

* Extract the downloaded file and this contains another zip file called "AjaxControlToolkitSampleSite". Extract this too.

* Go to the "AjaxControlToolkitSampleSite" folder and look for "HTMLEditor" folder, there you have a number of samples for using this control. Have a look at them

* Add a reference to AjaxControlToolkit.dll in your website to use the example in the folder above. Else follow the steps in the next link to add the toolkit to your toolbox.

* Refer to this page for instructions on how to add it to the toolbox - http://www.asp.net/ajaxlibrary/act.ash[^]

* You should be all set to go!
 
Share this answer
 
Comments
ishan_48 25-Oct-10 2:36am    
thank you very much.can i add or remove components from this control??
i want a ruler to be used in it.How do i do it??

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900