TinyMCE 특정 클래스의 DIV 제거

Question

특정 클래스가있는 TinyMCE 편집기 콘텐츠에서 div를 제거하고 싶습니다.

이상적인 세계에서는 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

먼저 div의 innerHTML을 가져온 다음 해당 내용을 div에 추가 한 다음 해당 div를 제거 할 수 있습니다. jQuery를에

: 물론

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

, 당신은 더 복잡 이러한 클래스와 여러 개의 div가있는 경우 다음 등 부모와 함께 일을해야하기 때문에 여기

Answer 2

문제 것이다 기본적으로 당신의 편집기는 root_block 요소 (귀하의 경우 div)를 가지며 모든 내용은 그런 종류의 root_block 요소 안에 래핑됩니다. 이 스타일링 목적으로 수행하지만이 쉽게 div의 TOF 제거하기 위해이 코드를 사용할 수 있습니다 완료되면

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

PARAMS이 초기화를 사용하여 비활성화 할 수 있습니다.

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