javascript - simditor编辑器 怎么在内容的任意光标处插入表情？

Question

项目中用到了simditor编辑器 https://simditor.tower.im/

编辑器中扩展了一个插入表情的功能

现在的问题是怎么在内容的任意光标处插入表情，就算用空格或者无内容时，也能正常插入

Answer 1

要实现在simditor编辑器中在任意光标处插入表情，通常需要遵循以下步骤：

1. 获取光标的位置。
2. 在该位置插入表情符号或表达式。

具体到simditor编辑器，如果你是在使用了其提供的API，以下是一个可能的解决方案。请注意，这个方案是基于JavaScript的。

首先，你需要知道simditor的实例化对象。通常在HTML文档中的某个元素上使用simditor，这个元素会有一个id或者类名（class），你可以通过这个信息找到对应的simditor实例。

var editor = simditor.findEditor('#editor'); // 假设你的编辑器在id为editor的元素中

然后，你可以使用range对象来获取光标的位置，并插入表情。

editor.on('loaded', function() {  var range = editor.selection.range(0); // 获取光标的位置  editor.composer.commands.execute(new simditor.command.InsertHTMLCommand('��'), range); // 插入一个笑脸表情});

在这个例子中，editor.selection.range(0)将返回一个包含光标位置的range对象。然后我们使用editor.composer.commands.execute方法来在这个位置插入一个HTML命令，这个命令将在该位置插入一个笑脸表情（'��'）。

注意，你需要将上述代码中的'#editor'替换为你实际使用的simditor编辑器元素的选择器。

另外，插入的表情应该是HTML实体，所以如果你有特定的表情或者符号，你可能需要查找其对应的HTML实体，例如，一个笑脸表情（��）可以转换为对应的HTML实体（'��'）。