1

我正在使用 redactor，我需要创建功能以将可折叠部分（引导手风琴）添加到 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 中可折叠元素的不同部分。

我需要元素作为一个块工作，并且只有标题和内容区域可在所见即所得中编辑。

我应该以某种方式使用“contenteditable”属性吗？或者我还有其他方法可以解决这个问题吗？

4

0 回答 0