使用tinyMCE编辑器将文件内容显示到textarea中

Question

     我正在使用JSF richFaces开发简单的页面。我使用tinyMCE将文件内容显示到textArea中。

该文件有更多行。但tinyMCE编辑器显示所有内容 单行。

原始文件内容是： 的 sample.txt的

This
is
tiny MCE editor
related doubt

我使用以下代码

阅读文件内容

String content = org.apache.commons.io.FileUtils.readFileToString(fileName); 
System.out.println("File Contnet is : " + content);
fileBean.setFileContent(content);

System.out.println逐行显示内容。但编辑器以单行显示内容 像

This is tiny MCE editor related doubt

帮帮我。 提前谢谢。

Answer 1

问题是您拥有的文件内容是“纯文本”，而TinyMCE则用于编辑HTML。

在HTML中，忽略空格，包括换行符。因此，在编辑器中，您将看到一行文字。

解决此问题的一种方法是在编辑内容之前解析内容，并将这些行包装在Paragraph标记中。例如，

<p>This</p>
<p>is</p>
<p>tiny MCE editor</p>
<p>related doubt</p>

为此，您可以在编辑器上使用onBeforeSetContent事件。有关该事件的文档有一个操作HTML的示例。

假设您计划在后端存储HTML，则在保存内容时无需删除此HTML。如果你不是，那么问题就是你使用TinyMCE而不是简单的TextArea。