TinyMCE Удалить DIV с определенного класса

Question

Я хотел бы удалить div из содержимого редактора TinyMCE, у которого есть определенный класс.

В идеальном мире я хотел бы сделать это с помощью опции valid_elements, но я незнаю, достижимо ли это.

Вот пример содержимого редактора:

<div class="content">
Some html content here
<div class="anotherclass"></div>
</div>

Я бы хотел удалить

<div class="content"> 

, чтобы редактор показывал только это:

Some html content here
<div class="anotherclass"></div>

Ура, ребята.

Answer 1

Проблема здесь заключается в том, что по умолчанию ваш редактор будет иметь элемент root_block (в вашем случае div), и весь контент будет обернут внутри такого элемента root_block.Это сделано в целях стилизации, но может быть деактивировано с помощью этих параметров инициализации

force_p_newlines : false,
force_br_newlines : false,
convert_newlines_to_brs : false,
remove_linebreaks : true,  

Как только это будет сделано, вы можете использовать этот код, чтобы легко избавиться от ваших divs.

var $elements_to_be_removed = $(".content");
$elements_to_be_removed.each(function(index) {
    $(this).replaceWith(this.innerHTML);
});

Answer 2

Сначала получите innerHTML div, а затем добавьте это содержимое в div, после чего вы можете удалить его.

В jQuery:

var contentHtml = $(".content").html();
$(".content").after(contentHtml);
$(".content").remove();

Конечно, если выиметь несколько классов с этими классами намного сложнее, потому что тогда вам придется работать с родителями и т. д.