在CkEditor 3中刪除標簽名時如何獲取

Question

我在CKEDITOR 3中有這樣的DOM

<div style="text-align: center;"> <div class="embed-container"> <img src="http://ducpt1.st.public.editor.vnexpressdev.net/original/images/blank.png" title="Video" /> </div> </div>當我選擇img並將其刪除時，如何檢查它是img標簽？

對不起，我糟糕的Endlish ！！！

Answer 1

應該是類似的東西（ JSFiddle ），但是它仍然缺少對撤消管理器等的支持，因此還不完整：

CKEDITOR.addCss( '.foo { outline: 1px solid red }' );

CKEDITOR.replace( 'editor', {
    allowedContent: true,
    toolbarGroups: [
        { name: 'mode' },
        { name: 'basicstyles' }
    ],
    on: {
        contentDom: function() {     
            var editor = this;

           this.editable().attachListener( editor, 'key', function( evt ) {
               // If not backspace or delete.
               if ( !( evt.data.keyCode in { 8: 1, 46: 1 } ) )
                   return;

               // Get selected element.
               var lastElement = editor.elementPath().lastElement,
                   parent = lastElement.getParent();

               // It that's img, and parent is in DOM, append class.
               if ( lastElement.is( 'img' ) && parent.getParent() )
                   parent.addClass( 'foo' );                                 
           } );
        }
    }
} );

Answer 2

還有其他方法可以做到這一點

CKEDITOR.on（'instanceReady'，function（editor）{var edi = editor.editor; edi.on（'key'，function（event）{if（event.data.keyCode == 8 || event.data。 keyCode == 46）{var select_element = event.editor.getSelection（）。getSelectedElement（）; if（select_element）{// select_element是您刪除的元素}}

});

}）; `