css3 - 调用大模型输出的格式文本，在HTML中原样输出了，如何解决呢？
调用大模型输出的格式文本，添加到HTML中被原样输出了，如何解决呢？
以下是大模型输出的文字：
古诗是中国古代文化的重要组成部分，以其独特的韵味和意境深受人们的喜爱。以下是一些著名的古诗：\n\n1. 《静夜思》：床前明月光，疑是地上霜。举头望明月，低头思故乡。\n2. 《望庐山瀑布》：日照香炉生紫烟，遥看瀑布挂前川。飞流直下三千尺，疑是银河落九天。\n3. 《登鹳雀楼》：白日依山尽，黄河入海流。欲穷千里目，更上一层楼。\n4. 《望天门山》：天门中断楚江开，碧水东流至此回。两岸青山相对出，孤帆一片日边来。\n5. 《春晓》：春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。\n\n以上仅是古诗的冰山一角，实际上古诗的种类和数量浩如烟海，建议通过阅读古诗文集、参加文化课程等方式进一步了解和欣赏古诗。
我将上述文字放入到HTML的div中，没有实现换行，直接原样输出了。我也尝试了使用了white-space: pre-line等均无效。
共有3个答案
放到 <pre></pre> 里
转换一下不就行了。
innerHTML = text.replace('\n', '<br/>');
最简单的方案,字符串替换,把\n替换成<br>,然后给div.innerHTML赋值
-
literal标签可以防止模板标签被解析，所有想原样输出的代码都可以使用这个标签包裹起来，如： <literal> 这里是原样输出的内容{$name} </literal> 如果 js 代码有和模板引擎有冲突的地方也可以使用literal标签包裹起来，防止被解析。
-
请参考：http://www.kancloud.cn/manual/thinkphp/1820
-
literal标签可以防止模板标签被解析，所有想原样输出的代码都可以使用这个标签包裹起来，如： <literal> 这里是原样输出的内容{$name} </literal> 如果 js 代码有和模板引擎有冲突的地方也可以使用literal标签包裹起来，防止被解析。
-
可以使用literal标签来防止模板标签被解析，例如： {literal} Hello,{$name}！ {/literal} 上面的{$name}标签被literal标签包含，因此并不会被模板引擎解析，而是保持原样输出。 literal标签还可以用于页面的JS代码外层，确保JS代码中的某些用法和模板引擎不产生混淆。 总之，所有可能和内置模板引擎的解析规则冲突的地方都可以使用literal
-
原样输出是指不被解析，而仅仅当成纯文本的内容区块，如下所示： #[[ #(value) #for(x : list) #(x.name) #end ]]# 如上所示，原样输出以 #[[ 三个字符打头，以 ]]# 三个字符结尾，中间被包裹的内容虽然是指令，但仍然被当成是纯文本，这非常有利于解决与前端javascript模板引擎的指令冲突问题。 无论是单行注释、多行注释，
-
调用大模型采用流式方式输出内容，并且输出的内容有MD和普通的HTML格式，应该如何渲染的前端页面呢？ 我是用jquery中的html()当时内容并没有按照返回的格式显示出来