Question

我正在尝试以编程方式将html输入到Froala文本编辑器中。根据他们的文档，这应该工作：

$(function(){
    $('#editor').editable("setHTML", "<p>My custom paragraph.</p>", false);
});

但是当我重新加载页面时，我只获得空白空间，没有错误。这绑定到标识为#editor的textarea。如果我使用此代码：

$(function(){
    $('#editor').editable({inlineMode : false});
});

...然后一切都好。

有谁知道如何以编程方式将html输入到此编辑器中。

Answer 1

你应该试试这个：

$('#editor').froalaEditor('html.set', 'My custom paragraph.');

在此参考中查看有关froala方法的详细信息： https://www.froala.com/wysiwyg-editor/docs/methods#html.set

Answer 2

同时使用。首先，您必须创建编辑器，然后您可以设置HTML

$(function(){
    $('#editor').editable({inlineMode : false});
    $('#editor').editable("setHTML", "<p>My custom paragraph.</p>", false);
});

Answer 3

插入HTML后使用＆＃34;同步＆＃34;

$("#editor").editable("insertHTML", "123456", true);
$("#editor").editable("sync");

Answer 4

请注意。在HTML中

<div id="froala-editor">
  <p>something</p>
</div>

和javascript

  $(function() {
    $('div#froala-editor').froalaEditor({
      pastePlain: true
    })
  });

Answer 5

对于正在寻找v3答案的用户，您可以通过以下方式在v3中添加文字：

var editor = new FroalaEditor('.selector', {}, function () {
  // Call the method inside the initialized event.
  editor.html.insert('<p>My custom paragraph.</p>');
})

如果您想替换全部内容，则可以使用set方法

var editor = new FroalaEditor('.selector', {}, function () {
  // Call the method inside the initialized event.
  editor.html.set('<p>My custom paragraph.</p>');
})

Answer 6

尝试一下：

$('#editor').froalaEditor('html.set', 'My custom paragraph.');
$('#editor').froalaEditor('undo.saveStep', 'My custom paragraph.');

参考：https://github.com/froala/wysiwyg-editor/issues/1578

Answer 7

使用最新版本的Froala可以正常工作

$("#froalaEditor")[0]["data-froala.editor"].html.set('This should work fine');

Answer 8

要附加文字，请使用html.insert

$("#editor").froalaEditor('html.insert','<p>new text to append</p>');

将文本添加到Froala文本编辑器

8 个答案: