主页 / 问题 / 932815
Accepted
Puvvl
Asked:2020-01-16 20:11:34 +0000 UTC2020-01-16 20:11:34 +0000 UTC

在字符串中查找元素并将它们转换为标签

  • 772

有一行有链接和主题标签。您需要将这些链接包装在标签<a href=""></a>之类的标签中。但我不明白为什么它不能与链接正常工作，并且一个标签找不到没有空格的标签。这是我的例子：

var link = /(https?:\/\/|ftp:\/\/|www\.)((?![.,?!;:()]*(\s|$))[^\s]){2,}/gim
var hashTag = /(^|\s)(#[a-z\d-]+)/ig

function rebaseText(text) {
  if (typeof text === 'string') {
    if (text.match(link)) {
      text = text.replace(link, "$1<a href={$2} class='link'>$2</a>");
    }
    if (text.match(hashTag)) {
      text = text.replace(hashTag, "$1<a href='https://google.com/search?q=$2' class='hashtag'>$2</a>");
    }
  }
  return text;
}

console.log(rebaseText('Hello world!!! https://google.com/ some text http://myweb.com/ lorem #hashTag1#hashTag2 qweqwewqeqweq #hashTag3'));

javascript

1 个回答

  1. Best Answer

    我是这样解决的，希望以后对某人有用：

    const hashTag = /(^|\s*)(#[a-z_а-і-я\d-]+)/ig;
const link = /(\b(https?|):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
const newLink = /(^|[^\/])(www\.[\S]+(\b|$))/gim;

function rebaseText(content) {
  let elementСontent = content.replace(link, "<a href='$1' target='_blank'>$1</a>");
  let newContent = elementСontent.replace(newLink, '$1 <a target="_blank" href="http://$2" class="news-link">$2</a>');
  if (newContent.match(hashTag)) {
    newContent = newContent.replace(hashTag, replacer);
  }
  return newContent;
}

function replacer(str, p1, p2) {
  return `<a target='_blank' href="https://www.google.com/search?q=${encodeURIComponent(p2)}" class='news-link'>${str}</a>`;
};

console.log(rebaseText('Hello world http://google.com/ #helloWorld#Tag2 test#tag3 https://google.com/'))

    • 0

相关问题