将插入符号设置为在焦点CKEditor之后结束

Set caret to end after focus CKEditor

本文关键字：焦点 CKEditor 之后 结束 插入 符号 设置      更新时间：2023-09-26

可能重复：
CKEditor-将光标位置设置为文本的末尾

我有一个内容丰富的<div>。单击该div后，将加载CKEditor来编辑该div。

现在，我想在用编辑器替换插入符号/光标后，将其设置到内容的末尾。

我目前的代码是这样的：

var editor = CKEDITOR.replace('content', {
  // Settings
  // Event listeners
  on: {
    instanceReady: function(evt) {
      var editor = evt.editor;
    
      // give focus (displays caret at the beginning of the content, not the end)
      editor.focus();
    }
  }
});

经过一番修改，我可以使用以下代码：

$(document).ready(function() {
    CKEDITOR.on('instanceReady', function(ev) {
        ev.editor.focus();
        var s = ev.editor.getSelection(); // getting selection
        var selected_ranges = s.getRanges(); // getting ranges
        var node = selected_ranges[0].startContainer; // selecting the starting node
        var parents = node.getParents(true);
        node = parents[parents.length - 2].getFirst();
        while (true) {
            var x = node.getNext();
            if (x == null) {
                break;
            }
            node = x;
        }
        s.selectElement(node);
        selected_ranges = s.getRanges();
        selected_ranges[0].collapse(false);  //  false collapses the range to the end of the selected node, true before the node.
        s.selectRanges(selected_ranges);  // putting the current selection there
    }
});

想法是：

  1. 获取根节点(而不是主体(
  2. 前进到下一个节点，直到没有更多节点可前进
  3. 选择最后一个节点
  4. 折叠它
  5. 设置范围
相关文章：