javascript - 在 HTML 中显示非格式化文本并添加颜色

Question

我有一个文本文件(例如古腾堡书籍)，我想动态显示在 HTML 页面中。我知道如何使用 Javascript 加载文件，但我不确定如何正确显示它。简单的 document.write-ing 并不好，因为它会破坏换行符(也许还有其他东西？)。

我可以将文本放在 TextArea 中，然后它看起来不错，但我还想要一件事:能够以不同的颜色为文本中的特定字母着色(例如，将第五个“h”着色为蓝色，将第七个“h”为红色)。我认为 TextArea 做不到；我想简单地用一些 div 包裹这封信并使用 CSS。

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

Answer 1

您可以为此使用 PRE 标签，我创建了一个 jsFiddle 并带有示例 - http://jsfiddle.net/X68Af/4/