以文本编辑器的形式在HTML中显示原始文本 [英] Displaying raw text in HTML like a text editor
问题描述
根据以下规则,我想在网页中显示一个UTF8文本字符串(或整个< body>
>)
-
所有字符都应该像在unicode-aware文本编辑器中那样字面显示。
-
空白不应该被忽略。 TAB应缩进一些空格(例如4或8)。 LF应该会导致换行符。
文本应该自动换行(正如
< p> code>段落,或者在文本编辑器打开文字包装的情况下打开文本文件),因为文本文件中包含div的宽度发生了变化。
显然,我需要在文本字符串上执行一些预处理步骤,然后将其插入到网页中(也许我需要用命名实体替换某些字符& foo;
。也许我需要用一个特定的标记<
正是我需要执行哪些预处理步骤才能实现上述目标。如果有多组步骤达到上述目的,请用最短/最简单的答案回答。 解决方案
<1> (3)实际上很简单,如果你以UTF-8的形式提供你的文档,并且支持IE> = 8就没问题了。然后是:
< body style =white-space:pre-wrap>
(Your String here,'&'分别编码为'& lt;'和'& amp;')
< / body>
对于(2),您将需要预处理步骤(a < I have a UTF8 text string that I would like displayed in a div (or the entire All characters should be shown literally as they would in a unicode-aware text editor. Whitespace should not be ignored. TABs should indent to some number of spaces (4 or 8 for example). LFs should cause a line break. Text should be automatically word wrapped (as it would for a normal Clearly I need to perform some preprocessing steps on the text string before I insert it into the web page (perhaps I need to replace certain characters with named entities Precisely what preprocessing steps do I need to perform to achieve the above. If there are multiple sets of steps that achieve the above, than please answer with the shortest/simplest. (1) and (3) are actually quite simple, if you serve your document as UTF-8 and you're fine with supporting IE >= 8. Then it's: The white-space CSS property is the key here. For (2) you will either need a pre-processing step (a la 这篇关于以文本编辑器的形式在HTML中显示原始文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
<body>
) in a web page according to the following rules:
<p>
paragraph, or as it would in a text editor with word wrap turned on) as the width of the containing div of the text file changes.&foo;
. Perhaps I need to surround the text file with a certain tag, <pre>
for example, etc).<body style="white-space: pre-wrap">
(Your String here, '<' and '&' encoded to '<' and '&' respectively)
</body>
s/\t/ /g
) or wait until all browsers support tab-size.