GUI-based or Web-based JSON editor that works like property explorer [closed]

Update: In an effort to answer my own question, here is what I’ve been able to uncover so far. If anyone else out there has something, I’d still be interested to find out more. http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com nice http://jsonviewer.arianv.com/ ;; Cute minimal one that works offline http://www.alkemis.com/jsonEditor.htm ; this one looks pretty nice http://json.bubblemix.net/ Visualise … Read more

How do I remove tinyMCE and then re-add it?

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

TinyMCE Paste As Plain Text

This is what i do to get paste plain text. 1. paste_preprocess setting (in tinymce init) paste_preprocess : function(pl, o) { //example: keep bold,italic,underline and paragraphs //o.content = strip_tags( o.content,'<b><u><i><p>’ ); // remove all tags => plain text o.content = strip_tags( o.content,” ); }, 2. function strip_tags (on the main document) // Strips HTML and … Read more

Get caret (cursor) position in contentEditable area containing HTML content

UPDATE I’ve written a simpler version of this that also works in IE < 9: https://stackoverflow.com/a/4812022/96100 Old Answer This is actually a more useful result than a character offset within the text of the whole document: the startOffset property of a DOM Range (which is what window.getSelection().getRangeAt() returns) is an offset relative to its startContainer … Read more

Wysiwyg for dynamic blocks of content? [closed]

YOu could use divs (styles to make them appear as 3 columns not provided): <div id=”wrapperDIV”> <div id=”col1″>column 1</div> <div id=”col2″>column 2</div> <div id=”col3″>column 3</div> </div> or what i prefer is tables: <table> <tr> <td>col 1</td> <td>col 2</td> <td>col 3</td> </tr> </table> you would create a wysiwyg editor into each column. There are tons of … Read more