Ck-Editor中的小部件不保留它的结构

Question

我已经在ck-editor的插件中定义了一个小部件.Code就像这样 -

CKEDITOR.plugins.add('simplebox', {

requires: 'widget',

icons: 'simplebox',

init: function(editor){
    //Plugin logic goes here
    editor.widgets.add('simplebox',{

        button:'create a simplebox',

        template:


                '<span class="left-bracket" display="inline">' +
                '[einstien]' +
                '</span>' 


    });
}
});

现在有两个问题 -

1）它最初工作正常。但是一旦我点击源工具栏按钮看到html代码然后恢复到编辑器模式，小部件就失去了它的结构，我可以逐个删除它的元素在击中退格区之前没有发生整个小部件被清除的地方。

2）Ck-Editor文档说，人们可以在整个编辑器中移动小部件而不会丢失它的结构。但是我无法移动它。它似乎是固定的。

我还在config.js中定义了 config.allowedContent = true; 以避免ACF规则。