代码之家 › 专栏 › 技术社区 › Soccerrlife

替换字符串中的多个URL(angularjs)

regex angularjs javascript

-1

Soccerrlife · 技术社区 · 6 年前

此字符串: “ https://stackoverflow.com/1 test https://stackoverflow.com/2 “应转换为: “ <a href="https://stackoverflow.com/1> stackoverflow.com/1 </a> test <a href="https://stackoverflow.com/2"> stackoverflow.com/2 </a> “

所以需要改变的是:

放 <a href>..</a> 围绕链接,以便您可以单击它。
“https://”或“http://”应该在a-tag中删除,以获得更好的URL。

到目前为止我有:

AngularJS

$scope.convertedBio = function(value) {
  var text = value.replace(/(http[^\s]+)/, '<a href="$1">$1</a>');
   return text;
}

但是,这将返回“ <a href="https://stackoverflow.com/1">https://stackoverflow.com/1</a> test https://stackoverflow.com/2 “

2 回复 | 直到 6 年前

paul 6 年前

function replaceUrls(value) {
  var text = value.replace(/(https?:\/\/)(www\.)?([\S]*)/g, '<a href="$1$2$3">$3</a>');
  return text;
}

var x = replaceUrls('http://stackoverflow.com/1 test https://www.stackoverflow.com/2')

console.log(x)

// output <a href="https://stackoverflow.com/1">stackoverflow.com/1</a> test <a href="https://www.stackoverflow.com/2">stackoverflow.com/2</a>

Dmitry Egorov 6 年前

你需要:

捕获整个URL,协议部分和可选部分除外 www. 加入另一组
将此组的值用作 <a> 的文本
添加全局修饰符

var text = value.replace(/(https?:\/\/(?:www\.)?([^\s]+))/g, '<a href="$1">$2</a>');
                                                ^      ^  ^                 ^
                                                1      1  3                 2

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前