How do I make a rich text input box field like StackOverflow has?

jquery html richtextbox
GeekedOut picture GeekedOut · Oct 24, 2011 · Viewed 22.1k times · Source

I am working on a site that depends on user generated content, and it would be very nice to also have a way to let the users enter rich text.

How do they accomplish the rich text like they do on this site to post questions?

I understand that I can make arbitrary signs above the text area and when something is highlighted and one of the control buttons is pressed, make some jQuery call to see what is highlighted, and wrap that in some html tags like for bold text for example...and then just add the text into my database with the HTML. Is that how these kinds of rich-text things are done?

Thanks!!

Answer

Phil picture Phil · Oct 24, 2011

StackOverflow uses Markdown to format user text. Check out PageDown for an editor / preview example.

Other options that produce HTML are TinyMCE and CKEditor.

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
Get the value in an input text box

What are the ways to get and render an input value using jQuery? Here is one:

Read More
How can I know which radio button is selected via jQuery?

I have two radio buttons and want to post the value of the selected one. How can I get the value with jQuery? I can get all of them like this: $("form :radio") How do I know which one is …

Read More