函数从CKEditor中的光标位置获取文本行为奇怪

Question

我试图从光标位置提取所有文本。下面是代码，我使用：

originalText = editor.getData(); 
var startTag = "<span id=\x22Start\x22>&nbsp;</span>"; 
var stopTag = "<span id=\x22Stop\x22>&nbsp;</span>"; 
var startElement = CKEDITOR.dom.element.createFromHtml(startTag, editor.document); 
editor.insertElement(startElement); 
sText = editor.getData(); 
sText1 = sText + stopTag; 
editor.setData(sText1); 
// up to here, I've incapsulated the required text with span tags 
// Using the replace function, I remove end tag of the Start span as well as removing the start tag of the Stop span! 
sText1 = editor.getData(); 
sText2 = sText1.replace("<span id=\"Start\">&nbsp;</span>", "<span id=\"Start\">"); 
sText2 = sText2.replace("<span id=\"Stop\">&nbsp;</span>", "</span>"); 
// I set the data (HTML) back to the editor 
editor.setData(sText2); 
//alert(sText2); 
// I use the innerHTML to get the text 
el = editor.document.$.getElementById("Start"); 
return el.innerHTML; 

问题： 的el.innerHTML工作正常，但只有当警报（）是取消注释！我知道setData是异步的，并通过使用setData（）上的回调将解决问题，但不幸的是它不适用于我:(

Answer 1

快速修复尝试确实是通过使用回调。使用回调不能返回el.innerHTML，你必须调用一个外部函数，你没有显示调用这段代码的代码，所以很难确定如何按照你想要的方式来重构这段代码，下面是一个虚拟版本这不是测试，只是用来给你的回调可以如何使用的例子

function extractTextStartingFromCursorPosition(yourCallback) { 
    originalText = editor.getData(); 
    var startTag = "<span id=\x22Start\x22>&nbsp;</span>"; 
    var stopTag = "<span id=\x22Stop\x22>&nbsp;</span>"; 
    var startElement = CKEDITOR.dom.element.createFromHtml(startTag, editor.document); 
    editor.insertElement(startElement); 
    sText = editor.getData(); 
    sText1 = sText + stopTag; 

    editor.setData(sText1, function() { 
     // up to here, I've incapsulated the required text with span tags 
     // Using the replace function, I remove end tag of the Start span as well as removing the start tag of the Stop span! 
     sText1 = editor.getData(); 
     sText2 = sText1.replace("<span id=\"Start\">&nbsp;</span>", "<span id=\"Start\">"); 
     sText2 = sText2.replace("<span id=\"Stop\">&nbsp;</span>", "</span>"); 

     // I set the data (HTML) back to the editor 
     editor.setData(sText2, function() { 
      // I use the innerHTML to get the text 
      el = editor.document.$.getElementById("Start"); 
      yourCallback(el.innerHTML); 
     }); 
    }); 
} 

所以，如果你以前使用这样的功能：

var html = extractTextStartingFromCursorPosition(); 
doSomethingWithHtml(html); 

现在你可以使用这样的：

extractTextStartingFromCursorPosition(function(html) { 
    doSomethingWithHtml(html); 
}); 

虽然我还是觉得，这个功能可能会以其他方式来做得更好，但我没有时间来测试/重构一个新的解决方案为相同的要求。