9

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

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

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

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

...然后一切正常。

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

4

8 回答 8

15

你应该试试这个：

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

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

于 2016-01-30T07:08:03.843 回答
3

对于您正在寻找 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>');
})
于 2019-06-03T23:36:50.590 回答
2

两者都用。首先你必须创建编辑器，然后你可以设置 HTML

$(function(){
    $('#editor').editable({inlineMode : false});
    $('#editor').editable("setHTML", "<p>My custom paragraph.</p>", false);
});
于 2014-08-25T12:41:20.810 回答
2

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

$("#froalaEditor")[0]["data-froala.editor"].html.set('This should work fine');
于 2020-06-03T02:00:39.553 回答
1

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

$("#editor").froalaEditor('html.insert','<p>new text to append</p>');
于 2020-06-26T15:26:02.930 回答
0

插入 HTML 后，使用“同步”

$("#editor").editable("insertHTML", "123456", true);
$("#editor").editable("sync");
于 2014-07-28T10:01:52.797 回答
0

只是为了说明。在 HTML 中

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

在javascript中

  $(function() {
    $('div#froala-editor').froalaEditor({
      pastePlain: true
    })
  });
于 2018-11-04T16:22:28.533 回答
0

尝试这个：

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

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

于 2019-08-29T04:43:14.673 回答