如何解决标签包裹代码时,换行解析到标签外部的问题?
标签如何解决代码解析至外边的text节点问题?
在使用标签包裹代码时,浏览器有时会将换行代码解析到标签外,形成text节点。导致代码无法正常高亮或呈现。
解决方案
问题产生于后端返回的数据是一个包含各行代码的数组。将数组拼接成一个完整的字符串即可解决问题。可在前端或后端进行拼接。
例如,在JavaScript中使用join方法:
let article_content = article_content_array.join(' ');
在Python中,可使用"\n".join(article_content_array)。
注意事项
- 确保拼接的字符串中不包含任何HTML标记,否则可能会导致浏览器不解析。
- jq的html()方法可直接接收一个数组作为参数,省去了拼接字符串的步骤。
以上就是如何解决标签包裹代码时,换行解析到标签外部的问题?的详细内容,更多请关注其它相关文章!