tinymce指定位置插入数据，光标保持原来位置

TinyMCE是一个流行的富文本编辑器，它允许你在网页上添加可定制的文本编辑功能。如果你想在TinyMCE中指定特定的位置插入内容并保持光标在原处，你可以使用它的API提供的`insertContent`函数。

首先，你需要获取到TinyMCE实例，通常这个实例会保存在一个DOM元素的属性中，比如`tinymce.EditorManager.get('editor_id')`。然后，你可以这样做：

var editor = tinymce.EditorManager.get('editor_id');
if (editor) {
    var caretPosition = editor.selection.getRng().startOffset; // 获取当前光标位置
    var contentToInsert = '你想插入的内容'; // 指定要插入的数据

    editor.execCommand('mceInsertContent', false, contentToInsert); // 插入内容
    editor.selection.setRng(editor.selection.getRng()); // 重置光标到插入点
}

这里，我们先通过`getRng()`获取当前光标的范围信息，得到起始偏移量（即字符数），然后用`execCommand`方法插入内容，最后调用`setRng`恢复光标位置。

相关问题

tinymce指定位置插入数据，不改变光标

TinyMCE是一个流行的富文本编辑器插件，它允许用户在网页上方便地编辑内容。如果你想在TinyMCE中指定某个特定的位置插入数据，并保持光标在该位置，可以按照以下步骤操作：

1. 首先，确保你已经在HTML中初始化了TinyMCE编辑器，并设置了`init_instance_callback`回调函数，这个函数会在编辑器实例创建后立即执行。

<script type="text/javascript">
  tinymce.init({
    selector: 'textarea', // 选择你要编辑的元素
    init_instance_callback: function (editor) {
      // 在这里插入自定义逻辑
    },
  });
</script>

2. 在`init_instance_callback`中，你可以获取到编辑器实例，并使用它的API来定位光标并插入数据。例如，你可以使用`insertContent`方法：

function insertAtCursor(html, editor) {
  const caretPos = editor.selection.getRng().startOffset; // 获取当前光标位置
  const textBeforeCursor = editor.selection.getContent({ format: false }); // 获取光标前的内容

  // 将需要插入的数据拼接到前面
  let content = textBeforeCursor + html;

  // 插入内容，同时移动光标到指定位置
  editor.insertContent(content, { CaretPosition: true }, caretPos);
}

tinymce.init(...).then(function(editor){
  // 使用已初始化的编辑器实例
  insertAtCursor('<your-data-here>', editor);
});

这将会在你指定的位置插入数据，并保持光标在那个位置。如果你有具体的元素ID或者其他条件，可以根据实际情况调整获取光标位置的方式。

tinymce5 如何在光标处插入内容

可以使用 `insertContent()` 方法在光标处插入内容。例如：

// 获取当前编辑器实例
var editor = tinymce.get('editor-id');

// 在光标处插入内容
editor.insertContent('<p>要插入的内容</p>');

还可以在光标处插入图片、链接等其他内容，具体可以参考 TinyMCE 官方文档。