如何從froala編輯器獲取文本數據？

Question

目前，我使用$('div#edit').froalaEditor('html.get')來檢索編輯器中的html數據，但是由於所有p標記，在處理/存儲我的后端文本數據​​時它很爛和＆npsb; 原始html字符串中的符號。

老實說，它們甚至不會傳遞到數據庫而不會丟失部分數據。 是否有一種方法或api從froala編輯器中直接將文本數據提取為帶有適當符號（如“ \\n\\t ”）的字符串？

Answer 1

有http://textversionjs.com/庫，可用於將HTML轉換為純文本。 它還保留了新的行。

<script src="textversion.js"></script>
<script>
  var html = $('div#edit').froalaEditor('html.get');
  var text = createTextVersion(html);
</script>

Answer 2

1. 如果您不喜歡p標簽，則應使用enter選項 ：

    $('div#froala-editor-br').froalaEditor({ enter: $.FroalaEditor.ENTER_BR }); 

2. 如果您確實想刪除所有標簽，則可以使用jQuery文本方法

    jQuery($('div#edit').froalaEditor('html.get')).text() 

3. 或者您可以使用HTML選項

    var html = $('div#edit').froalaEditor('html.get') ; var div = document.createElement("div"); div.innerHTML = html; alert(div.innerText); 

Answer 3

老實說，最簡單的方法是

var body = $('#body').froalaEditor('html.get');
alert($(body).text());

Answer 4

您可以在JSON中使用stringify（）方法將HTML表單轉換為文本表單。

<script>
    var html = $('div#edit').froalaEditor('html.get');
    var text = JSON.stringify(html)     
</script>

您可以將它們存儲在任何后端中，以備后用。