After more research I found the following. The functionality for building a rich-text-editor is already implemented at the browser. IE was the first to create such an API and Firefox replicated it. Overview The main point is that the javascript object “document” has a property called designMode which can be set to “on”. This converts … Read more
I completely agree with your suggestion of an editor – markup and iframes are so 2001 🙂 The world is heading semantics so we need modern tools to edit content. (see my slides http://www.slideshare.net/draftkraft/aloha-editor-contenteditable-useable) I started the Aloha Editor (http://aloha-editor.org) more or less with the same intension as yours above behind. The utopia 🙂 in … Read more
I just found: http://redactorjs.com/ http://aloha-editor.org/ https://github.com/xing/wysihtml5 http://jhollingworth.github.com/bootstrap-wysihtml5/ Update (this one is pretty great and customizable): https://github.com/guardian/scribe
First of all… Don’t try to make your own WYSIWYG editor if you’re thinking about commercial use. It’s a cool idea for a personal project, because you can learn a lot, but it will take you years to create editor that you will be able to sell to someone that cares about if it really … Read more
For jQuery UI IxEdit is a JavaScript-based interaction design tool
I really like TinyMCE which also should fit your requirements. It is well documented and offers a lot of possibilities to configure.
You need to use the content_css setting of tinymce to set a custom css file of your own (make sure this setting points to a valid location of a css file). This file will be inserted in the editor iframes head after all other css settings(files from the core) are inserted there when initialising tinymce … Read more
To cleanly remove an editor instance and avoid any errors use: tinymce.EditorManager.execCommand(‘mceRemoveControl’,true, editor_id); To reinitialize the instance use: tinymce.EditorManager.execCommand(‘mceAddControl’,true, editor_id); Be aware that when moving TinyMCE editors in the DOM you need to removeControl and addControl too, otherwise it results in JS errors. As of TinyMCE 4 the methods to remove and reinitialize an instance … Read more
The current version of Graphviz.app does not contain the “external editor” button shown in rampion’s screenshot above – Or the Render/Stop buttons, and it has replaced the “settings” button with “attributes”. However, it can be used as described. I downloaded ‘graphviz-2.27.20101110.0545.pkg’ from http://graphviz.org/Download_macos.php. Note that there are several places to download various things which call … Read more
[*] You can set valid_elements : ‘*[*]’, to allow all html tags.