使用 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 中，空格（包括换行符）会被忽略。因此，在编辑器中，您将看到一行文本。

解决此问题的一种方法是在将内容设置到编辑器之前对其进行解析，并将行包装在段落标签中。例如，

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

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

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