tinyMCE delete text without IMG in paragraph?

1
votes

Here is what I need to do: For example we have paragraph with some text and also img inserted I need to delete only the text without the IMG, but I dont know how to set that kind of condition.

1
tinymce

1 Answers

2
votes

Here's how you could do that in jQuery if you got some kind of identifier:

$('.container p').html($('.container p img'));

http://jsfiddle.net/8xbEp/ - a fiddle example

But maybe it would be better if you just set the image to be non-editable within tinyMCE, depending on your goals.

EDIT

This is an fiddle showing how to use non-editable content inside a contenteditable field (such as tinyMCE)

http://jsfiddle.net/uUKPA/35/

You need to wrap the contenteditable="false" inside another element with contenteditable="false" to be sure it's not removable in all browsers, such as IE.

<div contenteditable="false"><img src="img.gif" contentedtitable="false"/></div>