gpt4 book ai didi

html - 像文本编辑器一样显示 HTML 中的原始文本

转载 作者:太空宇宙 更新时间:2023-11-04 15:20:29 24 4
gpt4 key购买 nike

我有一个 UTF8 文本字符串,我希望它根据以下规则显示在网页的 div(或整个 <body>)中:

  • 所有字符都应按字面显示,就像在支持 unicode 的文本编辑器中一样。

  • 不应忽略空格。 TAB 应缩进一定数量的空格(例如 4 或 8)。 LF 应该导致换行。

  • 当文本文件包含的 div 的宽度发生变化时,文本应该自动换行(对于普通的 <p> 段落,或者在文本编辑器中打开自动换行) .

很明显,在将文本字符串插入网页之前,我需要对文本字符串执行一些预处理步骤(也许我需要将某些字符替换为命名实体 &foo; 。也许我需要用某个标记将文本文件括起来, <pre> 等)。

准确地说,我需要执行哪些预处理步骤才能实现上述目标。如果有多组步骤实现上述,请用最短/最简单的步骤回答。

最佳答案

(1) 和 (3) 实际上非常简单,如果您将文档作为 UTF-8 提供,并且支持 IE >= 8 没问题。那么它是:

<body style="white-space: pre-wrap">
(Your String here, '<' and '&' encoded to '&lt;' and '&amp;' respectively)
</body>

white-space CSS 属性是这里的关键。

对于 (2),您将需要一个预处理步骤(a la s/\t//g)或等到所有浏览器都支持 tab-size .

关于html - 像文本编辑器一样显示 HTML 中的原始文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9811215/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com