Sample for jQuery-based WYSIWYG editor demonstrates Javascript OOP

Question

Want an example jQuery WYSIWYG editor to illustrate how to use jQuery to create a JavaScript Javascript component.

PS It's so good that stackoverflow can use markdown ... It would be a paradise if users also loved this kind of thing.

Answer 1

jHtmlArea - WYSIWYG HTML Editor for jQuery

A simple, lightweight, extensible WYSIWYG HTML editor built on top of jQuery. This component makes it easy to display the WYSIWYG HTML editor instead of any TextArea DOM elements on the page. The minimized script is 7kb, and with css and image files - only 15kb.

This project also includes support for Visual Studio JavaScript Intellisense.

alt text http://i3.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=jhtmlarea&DownloadId=76574

Answer 2

http://projects.bundleweb.com.ar/jWYSIWYG/ looks deprecated, better try this link for jwysiwyg

Answer 3

jwysiwyg looks good, but there is no useful documentation!

Answer 4

Check CleEditor http://premiumsoftware.net/cleditor/

CLEditor supports the following browsers for both Mac and PC: IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+, and Opera 10+. All tests are performed using jQuery 1.4.2.

CLEditor provides a rich plug-in development environment that allows you to customize your user interface and functionality to suit your needs.

Answer 5

http://wmd-editor.com/features#compatibility

or maybe if you just have time to write / change for your own parsing (as I will do) use this:

http://markitup.jaysalvat.com

Answer 6

WYSIWYG, which can accept formatted text copied from Microsoft Word, ...

• Cleditor
• jHTML area
• Nicedit
• Xinha
• jWYSIWYG

I chose CLEdit because the code is clean and it allows me to decide how I want the images to be aligned and it has no errors like NicEdit. On NicEdit, it creates DOUBLE line breaks when HTML code is copied from other sites to the editor.