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

我正在使用Froala v2.6.1，并且我想在用户单击div时恰好在最后一个插入位置处将编码字符串插入编辑器，但始终插入字符串在编辑器的最后。Froala编辑器：单击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); 
});

任何人都知道如何解决，这将是很大的帮助。

来源

2017-06-01 yodann

您可以在这个例子中添加自定义按钮，工具栏froala，如：https://www.froala.com/wysiwyg-editor/examples/insert-html – Slonski

看起来你有一个外部按钮。为此编辑器有一个内置的机制，突出显示在demo。在你的情况下，它会是这样的：

$('#template_editor') 
    .on('froalaEditor.initialized', function (e, editor) { 
    editor.events.bindClick($('body'), 'div.variable', function (ev) { 
     var that = ev.originalEvent && ev.originalEvent.originalTarget; 
     editor.html.insert($(that).data('value')); 
    }); 
    }) 
    .froalaEditor()

来源

2017-07-10 08:36:04 st3fan

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

回答

相关问题