如何解决代码块中的换行问题:浏览器将换行符视为文本节点
在使用代码块()标签时,您遇到以下问题:
代码被解析到代码块外部,成为文本节点。
这可能源于以下原因:
- 后端返回的文本内容中包含换行符。
- 前端在处理文本内容时未正确处理换行符。
以下解决方案可以解决此问题:
将文本内容拼接为字符串
由于后端返回的数据可能是一个数组,因此需要将其拼接成一个完整的字符串。此操作可以在前端或后端进行:
前端拼接:
const articleContent = article_content.join(' '); $('#article-content').html(articleContent);
后端拼接:
# 后端代码 article_content = ' '.join(article_content)
通过上述操作,即可将逐行读取的文本内容拼接成字符串,避免浏览器将换行符解析为文本节点。