javascript - WYSIWYG (Redactor) 内の Bootstrap アコーディオン html

Question

私はリダクターを使用しており、折りたたみ可能なセクション (ブートストラップ アコーディオン) を WYSIWYG に追加する機能を作成する必要があります。

折りたたみ可能なセクションを機能させるhtmlを最初に追加する方法を知っています。それは次のとおりです。

// Insert collabsible code
var collapseHtml = '<div class="accordion" id="accordion' + collapsibleIndex + '">'
    + '<div class="accordion-group">'
        + '<div class="accordion-heading">'
            + '<h5 class="accordion-toggle" data-toggle="collapse" data-parent="#accordion' + collapsibleIndex + '" href="#collapse' + collapsibleIndex + '">'
                + 'Insert collapsible section header here'
                + '<i class="icon-chevron-right"></i>'
            + '</h5>'
        + '</div>'
        + '<div id="collapse' + collapsibleIndex + '" class="accordion-body collapse in">'
            + '<div class="accordion-inner">'
                + '<p>content</p>'
            + '</div>'
        + '</div>'
    + '</div>';

this.insertHtmlAdvanced(collapseHtml);

これはうまく挿入され、タイトルとコンテンツを編集できます。問題は、Redactor 内の折りたたみ可能な要素のさまざまな部分を削除することもできることです。

要素がブロックとして機能する必要があり、WYSIWYG で編集できるのはタイトルとコンテンツ領域だけです。

どうにかして「contenteditable」属性を使用する必要がありますか? または、これについて別の方法がありますか？