如何从弗罗阿拉编辑器获取文本数据?

Question

目前我使用$('div#edit').froalaEditor('html.get')在编辑器中检索 html 数据，但是由于原始 html 字符串中的所有 p 标签和 &npsb; 符号，在后端处理/存储文本数据时很糟糕。

老实说，它们甚至不会在不丢失部分数据的情况下传递到数据库。有没有办法或 api 直接从 froala 编辑器中将文本数据提取为带有正确符号(如"nt"(的字符串？

Answer 1

1. 如果你不喜欢p标签，你应该使用回车选项：

   $('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 方法，请将此代码放入表单中，然后作为请求获取此数据。发布["文本"]。

Answer 5

您可以在 JSON 中使用 stringify(( 方法将 HTML 表单转换为文本表单。

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

您可以将它们存储在任何后端中，以便以后使用它们。