标签导航:

代码块中换行符被解析为文本节点如何解决?

如何解决代码块中的换行问题:浏览器将换行符视为文本节点

在使用代码块()标签时,您遇到以下问题:

代码被解析到代码块外部,成为文本节点。

这可能源于以下原因:

  • 后端返回的文本内容中包含换行符。
  • 前端在处理文本内容时未正确处理换行符。

以下解决方案可以解决此问题:

将文本内容拼接为字符串

由于后端返回的数据可能是一个数组,因此需要将其拼接成一个完整的字符串。此操作可以在前端或后端进行:

前端拼接:

const articleContent = article_content.join('
');
$('#article-content').html(articleContent);

后端拼接:

# 后端代码
article_content = '
'.join(article_content)

通过上述操作,即可将逐行读取的文本内容拼接成字符串,避免浏览器将换行符解析为文本节点。