如何解决标签包裹代码时,换行解析到标签外部的问题?

如何解决标签包裹代码时,换行解析到标签外部的问题?

标签如何解决代码解析至外边的text节点问题?

在使用标签包裹代码时,浏览器有时会将换行代码解析到标签外,形成text节点。导致代码无法正常高亮或呈现。

解决方案

问题产生于后端返回的数据是一个包含各行代码的数组。将数组拼接成一个完整的字符串即可解决问题。可在前端或后端进行拼接。

例如,在JavaScript中使用join方法:

let article_content = article_content_array.join('
');

Python中,可使用"\n".join(article_content_array)。

注意事项

  • 确保拼接的字符串中不包含任何HTML标记,否则可能会导致浏览器不解析。
  • jq的html()方法可直接接收一个数组作为参数,省去了拼接字符串的步骤。

以上就是如何解决标签包裹代码时,换行解析到标签外部的问题?的详细内容,更多请关注其它相关文章!