Removing a text from tinymce editor using javascript

Question

I have a text <info>SOME CONTENTS GOES HERE</info>

How i can remove this text from the editor when I click on a button (custom button) using javascript function. I used this code:

dom.remove(dom.getParent(selection.getNode(), 'info')); 

But it is showing an error. Is there any solution?

Thanks in advance.

Answer 1

tinyMCE offers a method under DOMUtils which is tinymce.dom.DOMUtils/remove

// Removes all paragraphs in the active editor
tinyMCE.activeEditor.dom.remove(tinyMCE.activeEditor.dom.select('p'));

// Removes a element by id in the document
tinyMCE.DOM.remove('mydiv');

So in your case since you want to remove <info> and what's inside then you should write something like :

// Removes all paragraphs in the active editor
    tinyMCE.activeEditor.dom.remove(tinyMCE.activeEditor.dom.select('info'));

Answer 2

var a = ed.selection.getNode();
var txt = ed.selection.getContent();
var newT = document.createTextNode(txt);
a.parentNode.replaceChild(newT, a);