javascript - Fralaテキストエディタにテキストを追加

Question

プログラムで HTML を Froala テキスト エディターに入力しようとしています。彼らのドキュメントに基づいて、これはうまくいくはずです：

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

しかし、ページをリロードすると、空のスペースしか表示されず、エラーは発生しません。これは id で textarea にバインドされ#editorます。このコードを使用する場合:

$(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を挿入した後、「同期」を使用します

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