Froala 编辑器：单击 div 时插入插入符号位置

我正在使用 Froala v2.6.1，当用户单击 div 时，我想在编辑器的最后一个插入符位置准确地插入一个字符串，但该字符串始终插入到编辑器的末尾。

这是我所做的事情：

<div class="variable" data-value="{{user_id}}">USER ID</div>

Jquery:

$('div.variable').click(function() {
    $("#template_editor").froalaEditor('html.insert', $(this).data('value'), true); 
});

任何人知道如何解决这个问题都会有很大的帮助。

看起来您正在失去插入符号的上下文。我有同样的问题 （即使在V3）其中我必须单击一个外部按钮，该按钮将打开一个弹出窗口，并且在弹出窗口中用户将选择一个 html 模板，该模板必须插入到最后一个已知的插入符位置中。

我所做的是使用保存插入符位置选择保存，打开弹出窗口，获取文本并恢复选择然后做html.插入

1）首先保存选择

// Call this before doing any kind of insert operation
editor.selection.save();

2）恢复选择然后插入html

// Restore the selection
editor.selection.restore();
editor.html.insert(data.Body);

希望这可以帮助