URL 在网站中连接的标签中 URL 当我点击它时

Question

我在 API 响应中的 stringHTML 中获取锚标记并使用 react-html-parser 解析它这工作正常。问题是当我点击锚标签 URL 时确实附加在网站 URL 中，这使得它出错 URL。您可以在下图中看到。

所以我的问题是我该怎么做才能避免这种行为？如果 URL 包含 https://www.facebook.com 那么它工作正常但是如果它包含 www.facebook.com 那么它附加到网站 url.

实时代码：https://testonqa.vonza.net/scheduling/faheem-saleem

只需 select 任何插槽，您将重定向到下一个屏幕，您将在表格底部看到描述。

API

中的 StringHtml 标记

description: "<p><a href="www.facebook.com" rel="noopener noreferrer"

我的解析代码

 <span class="text-muted">
    {ReactHtmlParser(eventDescription)}
 </span>

Answer 1

类似于Detect URLs in text with JavaScript

function urlify(text) {
    var urlRegex = /(((https?:\/\/)|(www\.))[^\s]+)/g;
    return text.replace(urlRegex, function(url,b,c) {
        return url2 = (c == 'www.') ?  'https://' +url : url;
    }) 
}

console.log(urlify(`description: "<p><a href="www.facebook.com" rel="noopener noreferrer"`))

或者如果有 link 并且 link href 不是以 https?\:\/\/

开头则给出错误信息

URL 在网站中连接的标签中 URL 当我点击它时

URL in a tag concatenating in website URL when i click on it

javascript

html

reactjs

html-parsing