Question

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

我为某些UI元素提供了一些自定义HTML标记，到目前为止使用templates_files和CKEditor 3 Templates使用它们没有任何问题。

但是，由于某些原因，并非所有HTML模板的标记都被保留。在以下情况下应用展开/折叠手风琴列表时，第一个“切换器”在前往下一个＆lt; 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>'
        }
    ]

}）;

奇怪的是，当在＆lt;的最后一行的末尾按Enter键时li＆gt;，列表中的下一个项目添加了以下输出：

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

togglee div就在那里！但为什么不呢切换器？！

Answer 1

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

e.g。

CKEDITOR.editorConfig = function( config ) {
    config.allowedContent = true;
};

使用CKEditor 3的模板：保留HTML标记的问题

1 个答案: