如何将文本变成链接答案

【问题标题】：How can I make text into links如何将文本变成链接
【发布时间】：2021-03-08 23:51:39
【问题描述】：

我正在做一个项目，我需要帮助将任何文本变成链接，所以总而言之，我需要帮助的是我正在创建一个页面，其中有人需要将链接附加到一个单词或更多类似如何在 google docs enter image description here 上添加指向文字的链接

【问题讨论】：

请正确格式化您的问题，不清楚您在问什么。您在寻找 HTML 锚点吗？（标签）

标签： javascript html hyperlink helper

【解决方案1】：

您可以使用 link() 方法将链接添加到文本。

// link() example
var title = "Example";
var url = "https://youtube.com";
var result = title.link(url);
document.getElementById("demo").innerHTML = result;

// Form example
document.getElementById("myBtn").addEventListener("click", displayLink);

function displayLink() {
  let title = document.getElementById('title').value;
  let url = document.getElementById('url').value;

  // Write Javascript code!
  const appDiv = document.getElementById('app');
  appDiv.innerHTML = title.link(url);
}

<label>Example with link()</label>
<div id="demo"></div>

<br /><br />
<label>Example With Form</label>
<form>
  <input type="text" placeholder="Title" value="" id="title" />
  <input type="text" placeholder="Url" value="" id="url" />
</form>
<button id="myBtn">Add Link</button>
<br /><br />
<div id="app"></div>

【讨论】：

感谢您的帮助，但我确实了解链接标签，但我想做一些事情，例如，如果您使用了一个名为“Linktree”的应用程序，其中有一个文本框，并且您将 URL 添加到文本框，你会得到一个可点击的文本，其中嵌入了一个链接，我想知道是否有人知道我该怎么做。
哦，我现在明白了。我看看我能不能解决这个问题。
我目前正在我的网站上工作，这就是为什么我在堆栈上（我正在寻求帮助）但稍后我会尝试
@VandanaKanojia Ive 更新了答案。您的用例或多或少是相同的。您将从文本框中获取值，而不是答案中的硬编码字符串和 url。你用的是纯javascript的框架吗？
@ZamAbdulVahid 我主要使用 javascript，我正在尝试制作类似于链接树的东西，任何人都可以在其中添加指向一段文本的链接。

【解决方案2】：

<a href="https://example.com/">Your Text Here</a>

该属性指的是链接提供的目的地。 a（锚）标签没有属性就死了。

【讨论】：

感谢您的帮助，但我确实了解链接标签，但我想做一些事情，例如，如果您使用了一个名为“Linktree”的应用程序，其中有一个文本框，并且您将 URL 添加到文本框，你会得到一个可点击的文本，其中嵌入了一个链接，我想知道是否有人知道我该怎么做。