ckeditor - CKEditor 3 のテンプレートの操作: HTML マークアップの保持に関する問題

Question

ExpressionEngine の WYGWAM プラグインの一部として CKEditor を使用していますが、根本的な問題は 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 があります。しかし、なぜトグルではないのですか?!