CKEditor에서 사용자 정의 태그를 추가 한 후 공백을 제거하십시오.

Question

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"); 
    } 
} 

이것은 내 코드입니다. 태그를 추가 한 후 "Please comment or corrects"문구에서 "Please"와 같은 단어 하나를 선택하십시오. Please " 제발 포스트 "를 잘라 버렸어.하지만"제발 "(공백이있는 단어)를 선택하면 코드가 제대로 작동합니다. 그리고 태그가 편집기에 표시되어서는 안되며 원본 패널에 표시되어야합니다.

Answer 1

텍스트를 추가하는 대신 ckeditor 인스턴스에 html을 추가해보십시오.