如何在不更改其外观的情况下将代码中的 URL 文本转换为链接?

Question

我想在不改变其外观的情况下将文本URL转换为链接，但我真的找不到如何做到这一点。

我试图放<a>但它要么将所有内容转换为链接，要么只是隐藏带有目标 URL 的部分。

<span class="token selector">.404 Error Page</span><span class="token punctuation">{</span>
<span class="token property">background</span><span class="token punctuation">:</span><span class="token url"> url:("https://inesmathy.github.io/404-page/index.html")</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>

这是代码的链接

Answer 1

您需要使用如下所示href将<span>转换为<a>

<!-- From -->
<span class="token url">url("https://inesmathy.github.io/404-page/index.html")</span>
<!-- To -->
<a class="token url" href="https://inesmathy.github.io/404-page/index.html">url("https://inesmathy.github.io/404-page/index.html")</a>

工作示例演示