Как установить позицию курсора после вставки HTML для SunEditor

В Suneditor необходимо сохранить текущую позицию курсора перед вставкой смайлика, а затем восстановить ее позже, чтобы указатель не перешел в начало документа. Для этого можно использовать методы Suneditor core.saveRange() и core.restoreRange().

Вот модифицированная версия вашего плагина для правильной обработки положения курсора:

action: function (core) {
  const editor = this;
  function handleEmoji(emoji) {
    core.saveRange();
    const tag = editor.util.createElement("span");
    tag.textContent = emoji;
    editor.insertNode(tag, null);
    core.restoreRange();
    core.focus();

    picker.off('emoji', handleEmoji);
  };
  picker.on('emoji', handleEmoji);
  picker.togglePicker(document.querySelector('#emojianchor'));
}

В этом коде:

1. Перед вставкой эмодзи вызывается {core.saveRange()}. В результате выбранный диапазон сохраняется.
2. После вставки смайлика вызывается `core.restoreRange()}. Сделав это, вы сможете вернуть диапазон выбора к тому состоянию, который был до включения смайлика.
3. После восстановления положения курсора используется `core.focus()}, чтобы убедиться, что редактор сфокусирован.

Это должно предотвратить переход курсора в начало документа при вставке смайлика.

Решение: https://jsfiddle.net/r7p92m8d/1/

function resetCursorPos() {
  const core = editor.core;
  const editorNode = core.context.element.wysiwyg;

  const lastChild = editorNode.lastChild;
  const range = document.createRange();
  const selection = window.getSelection();

  setTimeout(function() {
    range.setStartAfter(lastChild);
    range.collapse(true);
    selection.removeAllRanges();
    selection.addRange(range);

    editor.core.focus();
  }, 100);
}