html标签,浏览器将换行代码解析到了外边成了text节点,如何解决?-灵析社区

我爱上班

**问题:代码放在code标签中,但是浏览器将其解析到了外边成了text节点。** 通过在txt文件中存储文章正文,使用时读取txt文件显示。 测试文件(txt文件) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/53d9254cbb6df19bff23258b7ecc5344.png) 前端发起请求,后端读取文件返回正文,前端显示 $("#article-content").html(article_content); 结果如下 ![R~KIYA4KAT}R\)UOSFW2%4VW.jpg](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/e71d964abfd5c4fdc1ff94dca1dd407d.png) ![OAEA71JPS4{@8I96NQN1Z`W.jpg](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/822afad1d4930c05c7b27678c34db6d7.png) 原始代码引用了highlight.js、并添加了显示行号和语言的功能,去除掉以上功能结果如下 ![](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/5230938584a55eb7b1071798bd8f9d71.png) 这一问题如何解决?非常感谢!

阅读量:354

点赞量:8

问AI
横刀立马007
问题的原因其实很简单。 后端返回来的数据是一个数组,因为逐行读取形成了数组。将数组拼接成一整个字符串即可,在前端与后端操作皆可。 jq的html() 方法甚至能直接塞进去一个数组... "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241225/8a3e7337e004d589a32d940f449cbfe6.png)