I’m in need of a lightweight, Javascript-based, WYSIWYG editor that transforms <textarea>s into Rich Text Editors. There are thousands of these plugins out there (and I feel like I’ve demoed them all). For reasons outside of my control, I need the editor to produce legacy HTML… so it needs to write <b> instead of <strong> or <span style=...>.
Fine. No problem. There are plenty of these that purport to do just that. Here’s the weirdness though: I’m finding that in a ton of these editors that I’ve played with, they output different things in different browsers! Chrome will output <b> but Firefox will output <span style="font-weight:bold">?!
For example, try applying bold in these editors in both Chrome and Firefox:
http://freshcode.co/plugins/jquery.contentEditable/demo.html
http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html
See? <b> in Chrome, but <span style="font-weight:bold"> in Firefox. Weird!
Any ideas?
Instead of searching for the less known editor, you should have started with the most commonly used ones like CKEditor and TinyMCE.
Check this sample in CKEditor:
http://nightly.ckeditor.com/latest/ckeditor/_samples/output_html.html