添加文本到Froala文本編輯器

Question

我試圖編程地輸入html到Froala文本編輯器。基於他們的文件這應該工作：

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

但是，當我重新加載頁面，我只得到空白，沒有錯誤。這是綁定到textarea與編號#editor。如果我使用此代碼：

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

...然後一切都很好。

有誰知道如何以編程方式輸入html到這個編輯器。

Answer 1

插入HTML使用 「同步」

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

Answer 2

使用後兩者。首先，你必須創建編輯器，那麼你可以設置HTML

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

Answer 3

你應該試試這個：

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

查看關於froala方法的具體過程，在此引用： https://www.froala.com/wysiwyg-editor/docs/methods#html.set