0

我使用 CKEditor 作为 ExpressionEngine 的 WYGWAM 插件的一部分，但我的核心问题是 CKEditor 问题。

我对某些 UI 元素有一些自定义 HTML 标记，到目前为止，使用 templates_files 和CKEditor 3 模板来使用它们没有问题。

但是，由于某种原因，并非每个 HTML 模板的所有标记都被保留。在以下应用展开/折叠手风琴列表的情况下，当转到下一个 <li> 项目时，不会保留第一个“切换器”。

编码：

CKEDITOR.addTemplates( 'default',
{
    imagesPath : CKEDITOR.getUrl( CKEDITOR.plugins.getPath( '../../../../wygwam_assets' ) + 'template-thumbs/' ),

// Template definitions.
templates :
    [

        /* toggler */
        {
            title: 'Expand & Collapse List',
            image: 'testing.png',
            description: 'Create a collapsed list of expandable items.  When each title is clicked, the content below will animate open and reveal the full content.',
            html:
                '<div class="toggle_wrap"><ul>' +
                '<li><div class="toggler">ITEM_TITLE</div><div class="togglee">ITEM_CONTENT</div></li>' +

                '</ul></div>'
        }
    ]

});

奇怪的是，当在 <li> 的最后一行的末尾按 enter 时，列表中的下一项添加了以下输出：

    <li>
        <div class="togglee">
        </div>
    </li>

切换div 在那里！但是为什么哦，为什么不是切换器？！

4

1 回答 1

0

查看在 CKEditor 的配置中将 allowedContent 设置为 true 是否会产生影响。这用于去除样式和类属性等，因此基本上去除了默认情况下不允许的内容。

例如

CKEDITOR.editorConfig = function( config ) {
    config.allowedContent = true;
};
于 2014-05-20T13:10:00.327 回答