如何从froala编辑器获取文本数据？

Question

目前我使用

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

来检索编辑器内的 html 数据，但是当涉及到在后端处理/存储文本数据时，由于所有的 p 标签和 &npsb; ，它很糟糕。原始 html 字符串中的符号。

老实说，它们甚至不会在不丢失部分数据的情况下传递到数据库。有没有一种方法或API可以直接从froala编辑器中将文本数据提取为带有正确符号（例如“

\n\t

”）的字符串？

Answer 1

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 2

有 http://textversionjs.com/ 库可用于将 HTML 转换为纯文本。它还保留了新的线路。

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

Answer 3

老实说，最简单的方法是

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

Answer 4

这是最简单的方法。

  <textarea  name="text"></textarea>
  <script>
    new FroalaEditor('textarea',{
      heightMin: 400,  // customize minimum hight
      heightMax: 250   // customize maximum hight
    });
  </script>

  or

  <textarea id="editor"  name="text"></textarea>
  <script>
    new FroalaEditor('#editor',{
      heightMin: 400,  // customize minimum hight
      heightMax: 250   // customize maximum hight
    });
  </script>

如果您使用的是 post 方法或 get 方法，请将此代码放入表单中，然后您将获得此数据作为请求。POST['text']。

Answer 5

您可以使用 JSON 中的 stringify() 方法将 HTML 形式转换为文本形式。

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

您可以将它们存储在任何后端并稍后使用。