jquery - Froala 编辑器 : insert into caret position when clicking a div

Question

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

这是我做的事情:

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

J查询:

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

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

Answer 1

看起来您正在失去插入符号的上下文。我遇到了同样的问题(即使在 V3 中)，我不得不点击一个外部按钮，这将打开一个弹出窗口，在弹出窗口中，用户将选择一个 html 模板，该模板必须插入到最后一个已知的插入符号。

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

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);

希望对你有帮助