以HTML格式显示非格式文本并添加颜色

Question

我想要在HTML页面中动态显示文本文件（例如Gutenberg书籍）。我知道如何使用Javascript加载文件，但我不知道如何正确显示它。简单的document.write它不好，因为它破坏换行符（也许还有其他的东西？）。

我可以把TextArea里面的文本放进去，然后它会看起来很好，但我还想要一件事：为了能够以不同的颜色对文本中的特定字母进行颜色处理（例如用蓝色将第五个“h”红色的第七个“h”）。我不认为TextArea可以做到这一点;我只是想用一些div来包装这封信并使用CSS。

那么，如何将文件中的文本转换为HTML格式的内容？

Answer 1

您可以使用预定标签对于这一点，我创建了一个的jsfiddle用一个例子 - http://jsfiddle.net/X68Af/4/

Answer 2

可以在CSS使用white-space: pre或white-space: pre-wrap。如果您在HTML中使用<pre>，请注意，它默认情况下会将字体设置为等宽字体，对于任何普通文字而言通常都是不好的。

但是，如果换行符确实相关，则应该将其替换为<br>或<p>，或者视情况而定。在大多数传统文本中，换行符是巧合的，不是必需的。如果它们是必不可少的，它们可能会从逻辑上指示段落中断（<p>）。