在CKEditor中添加自定义标记后，将修剪空白

这是我的代码。每当我在“请发表评论或更正”语句中选择“请”这样的单个单词时，在添加标记之后，请。请删除“请发表”之间的空格。但当我选择“请”（带空格的单词）时，代码正常工作。而且，我希望该标记在编辑器中不可见，它应该在源代码面板中可见。

尝试将html附加到ckeditor实例，而不是添加文本

function sidebar(editor)
{   
    var selection = editor.getSelection();
    if(selection.getSelectedText()!="")
    {       
        var range = selection.getRanges();  
        var customNode = editor.document.createElement( 'cdl:sidebar' );
        var extractedContent = range[0].extractContents();
        customNode.append(extractedContent);
        var sidebarHolder = editor.document.createElement("sidebarHolder");
        sidebarHolder.append(customNode);
        var nodeHtml = sidebarHolder.getHtml();
        editor.insertHtml(nodeHtml+" ");        
    }  
    else {
        showErrorMessage("Selection is not proper");
    }   
}