调用大模型输出的格式文本，在HTML中原样输出了，如何解决呢？

Question

调用大模型输出的格式文本，添加到HTML中被原样输出了，如何解决呢？

以下是大模型输出的文字：

古诗是中国古代文化的重要组成部分，以其独特的韵味和意境深受人们的喜爱。以下是一些著名的古诗：\n\n1. 《静夜思》：床前明月光，疑是地上霜。举头望明月，低头思故乡。\n2. 《望庐山瀑布》：日照香炉生紫烟，遥看瀑布挂前川。飞流直下三千尺，疑是银河落九天。\n3. 《登鹳雀楼》：白日依山尽，黄河入海流。欲穷千里目，更上一层楼。\n4. 《望天门山》：天门中断楚江开，碧水东流至此回。两岸青山相对出，孤帆一片日边来。\n5. 《春晓》：春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。\n\n以上仅是古诗的冰山一角，实际上古诗的种类和数量浩如烟海，建议通过阅读古诗文集、参加文化课程等方式进一步了解和欣赏古诗。

我将上述文字放入到HTML的div中，没有实现换行，直接原样输出了。我也尝试了使用了white-space: pre-line等均无效。

Answer 1

最简单的方案,字符串替换,把\n替换成<br>,然后给div.innerHTML赋值

Answer 2

转换一下不就行了。

innerHTML = text.replace('\n', '<br/>');

Answer 3

放到 <pre></pre> 里