位置光标/光标位于新添加的跨度中，位于小型mce中

Question

我需要在应用程序中的光标位置添加跨度。我可以使用以下代码在插入位置添加跨度，但不能在插入位置放置插入符号，因此，如果用户键入内容，它将进入新跨度。

marker = ed.selection.getBookmark(); 
ed.selection.moveToBookmark(marker); 
tinyMCE.execCommand('mceInsertContent',false,'<span id="mytitle"></span>'); 
ed.selection.moveToBookmark(marker); 

Answer 1

我自己花了一些时间来放置一个光标。您可能需要稍微修改它，以便与您创建的跨度一起使用，但是这应该使您的方向朝向正确的方向：

// sets the cursor position to the defined node 
// ed: editor, start: defines if the cursor is to be placed at the start or end of the node 
// return node: boolean, if set returns the caretnode instead of deleting it 
function setCursor(ed, node, start, return_node){ 

    tn = ed.getDoc().createTextNode("."); 
    if (start){ 
    node.insertBefore(tn, node.firstChild); 
    } 
    else node.appendChild(tn); 

    rng = ed.selection.getRng(); 
    rng.selectNode(tn); 
    rng.setStartBefore(tn); 
    rng.setStartAfter(tn); 

    ed.selection.setRng(rng); 

    if (return_node) return tn; 

    node.removeChild(tn); 
}