纯文本中识别URI地址并转换成HTML

最新推荐文章于 2022-01-12 15:47:21 发布

FuDesign2008

最新推荐文章于 2022-01-12 15:47:21 发布

阅读量4.7k

点赞数

分类专栏： javascript 文章标签： uri 正则 innerText 转义

本文链接：https://blog.csdn.net/FuDesign2008/article/details/25595083

版权

本文介绍了如何在纯文本中识别URI地址，并将其转换成HTML链接。通过正则表达式识别URI，然后进行HTML转义，确保在插入DOM节点时不破坏原有HTML结构。提供了uri-recognition.js和test.html作为解决方案，并在Chrome浏览器下进行了测试。

摘要由CSDN通过智能技术生成

有一段纯文本text, 欲将其插入DOM节点div中. text中可能有超链接, 邮件地址等. 如果有, 识别之.

如果只是纯文本, 插入div中, 只要将div.innerText设置为text即可.
text中的URI地址可以用正则识别, 并将其替换为<a/>标签组成的字符串. 此时 text变成了HTML字符串html.
HTML字符串html可以赋值给div.innerHTML. 但如果原text中存在HTML语义的字符串呢? 因此, 在识别URI之前, 需要将原text作转义.

uri-recognition.js

(function () {
    var trim = function (s) {
        /*jslint eqeq:true*/
        if (s == null || s === '') {

关注

专栏目录