技术控

    今日:130| 主题:49225
收藏本版 (1)
最新软件应用技术尽在掌握

[其他] Convert Url Text to Hiperlink

[复制链接]
致命的是习惯 发表于 2016-10-3 00:31:40
91 2

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
text-to-link

  text-to-link is a small JavaScript and npm module that takes a string of text, finds URLs within it, and hyperlinks them.
  Basic Usage

  text-to-link adds an autoLink() method to JavaScript's String prototype, so you can use it on any JavaScript string. Take a look at the tests, but essentially, after including either autolink.js or autolink-min.js to your page, it works like this:
  1. // Input
  2. let textTolink = require('text-to-link')
  3. textTolink("This is a link to Google http://google.com")
  4. // Output
  5. "This is a link to Google <a href='http://google.com'>http://google.com</a>"
复制代码
Additional Options

  You can pass any additional HTML attributes to the anchor tag with a JavaScript object, like this:
  1. // Input
  2. let textTolink = require('text-to-link')
  3. textTolink("This is a link to Google http://google.com", { target: "_blank", rel: "nofollow", id: "1" })
  4. // Output
  5. "This is a link to Google <a href='http://google.com' target='_blank' rel='nofollow' id='1'>http://google.com</a>"
复制代码
Callback

  Callback option can be used to redefine how links will be rendered.
  1. // Input
  2. let textTolink = require('text-to-link')
  3. textTolink("This is a link to Google http://google.com", {
  4.   callback: function(url) {
  5.     return /\.(gif|png|jpe?g)$/i.test(url) ? '<img src="' + url + '">' : null;
  6.   }
  7. })
  8. // Output
  9. "This is a link to image <img src='http://example.com/logo.png'>"
复制代码
友荐云推荐




上一篇:Documenting your Angular app using Dgeni in 10 easy steps
下一篇:js-next: a JavaScript next generation apps scaffolder
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

我叫mt 发表于 2016-10-25 02:21:06
朋友妻不可欺睡睡觉还可以
回复 支持 反对

使用道具 举报

董旭 发表于 2016-10-25 10:19:43
你长的拖慢网速,你长的太耗内存,大哥,把你脸上的分辨率调低点好吗?国际脸孔世界通用。
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表