Angular2将纯文本转换为url的方式(锚链接)

常识代码

有时我有一个可以接收这样的文本的组件:

文字www.website.com

但是,如果它是一个链接,我想将其转换为URL。像这样。

文字www.website.com

我读这SO答案如建议使用第三方库anchorme无论如何有做angular2方式吗?

带轿车

使用简单的正则表达式来修改HTML内容存在许多问题。

这是一种使用linkifyjs模块的方法,您需要使用该模块npm install请注意,输入被视为纯文本,而输出则为HTML文本。

import { Pipe, PipeTransform } from '@angular/core';
import linkifyStr from 'linkifyjs/string';

@Pipe({name: 'linkify'})
export class LinkifyPipe implements PipeTransform {
  transform(str: string): string {
    return str ? linkifyStr(str, {target: '_system'}) : str;
  }
}

注意:如果需要指定target属性,请添加例如。{target: '_system'}作为的第二个参数linkifyStr

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

PHP将纯文本转换为标签链接

来自分类Dev

将纯文本转换为JavaScript中的超链接

来自分类Dev

PHP将纯文本转换为hashtag链接

来自分类Dev

Angular.js-将<br/>转换为纯文本

来自分类Dev

随机将纯文本转换为纯JavaScript的可点击链接

来自分类Dev

将丰富的MarkDown转换为纯文本

来自分类Dev

将HTML转换为适当的纯文本?

来自分类Dev

将纯文本转换为HTML

来自分类Dev

将HTML转换为UNFORMATTED纯文本?

来自分类Dev

将Atom XML转换为纯文本

来自分类Dev

将MediaWiki的输出转换为纯文本

来自分类Dev

将 rtf 格式转换为纯文本

来自分类Dev

将纯文本电子邮件转换为可点击的链接-REGEX / jQuery

来自分类Dev

将链接转换为超文本或文本

来自分类Dev

无法使用angular js将数据从json数据转换为纯文本(表格)

来自分类Dev

Angular2:将数组转换为Observable

来自分类Dev

Tampermonkey脚本将文本转换为链接

来自分类Dev

javascript 将 html 链接转换为文本并将 url 保留为文本

来自分类Dev

将纯文本数据转换为json

来自分类Dev

如何将XPath元素转换为纯HTML文本?

来自分类Dev

如何将HTML转换为纯文本

来自分类Dev

XSLT 2.0:将纯文本格式转换为svg

来自分类Dev

ghostscript:将PDF转换为保留纯黑色文本的CMYK

来自分类Dev

使用JavaScript将纯文本列表转换为HTML列表

来自分类Dev

将纯文本文件转换为JSON

来自分类Dev

使用键值对将纯文本转换为对象

来自分类Dev

如何将HTML标记转换为纯文本?

来自分类Dev

将PDF包转换为纯文本(pdftotext?)

来自分类Dev

如何将纯文本转换为html标记