HTML5 ContentEditable with dynamic content?

I noticed that most TinyMCE plugins provide placeholders with a simple image and possibly some button editing features. As an example, take the Wordpress gallery and the image editing function - a simple image with edit / delete buttons. Even NextGen 2 (at least a few versions ago) contained Nextgen-gallery slideshows as a simple image, not a rotating image.

I recently tried to make another dynamic content in an editor. It is a difficult task to insert jQuery and then import jQuery plugins that trigger specific behavior into the placeholder. It also makes it difficult to fix the error without dragging and dropping into the uninitialized-placeholder after turning on the TinyMCE-noneditable plugin.

Even after this, a problem arises when a div with special content (unsupported placeholder) can lose its elements when it is dragged into another text into another part of the editor.

Are there such things why most TinyMCE plugins create a stylized image in the best possible way? Is TinyMCE and contenteditable generally inherently incompatible with jQuery plugins running in its editors? Are there examples of successful preview functions in content editing areas rather than a static image file?

Update

It doesn't seem like it's even a TinyMCE problem - as you can see on this demo page , when you add the contenteditable="true" attribute to the id="main" element, then select the text, including the rotating banner, cut and paste into another part, it will not only stop the slide show (as expected), but it will also remove a few img elements. Is there any way to stop this glitch?

+1
javascript dom html5 contenteditable
Nov 09 '13 at 3:18
source share

No one has answered this question yet.

See similar questions:

22
The risk of using contentEditable in IE

or similar:

3856
Change HTML5 placeholder color with CSS
2350
Storing objects in HTML5 localStorage
2284
How can I combine the properties of two JavaScript objects dynamically?
1678
Binding events to dynamically generated elements?
874
Using HTML5 / Canvas / JavaScript to take screenshots in a browser
872
Can I hide the input box for the inputs of the HTML5 number?
290
change context events
6
Disabling <img> selections and resizing inside contentEditable DIV in IE 9



All Articles