棱镜内的超链接，代码标签

Question

我的html模板中包含以下内容：

<pre>
<code class="language-markup">
    {% filter force_escape %}
    <Item>
        <MarkUp><a href="http://google.com">Google</a></MarkUp>
        <Normal>Hello</Normal>
    </Item>
    {% endfilter %}
</code>
</pre>

我希望它标记语言（我使用的是棱镜），但也要标记“ Google”项目的超链接。

这是它的外观：

然后点击“ Google”一词将打开该链接。

但是这是当前的样子：

此外，“ Google”一词不可点击- <code>标记内没有链接。

我如何用棱镜完成上述操作？

Answer 1

Prism似乎为此提供了一个插件。 您可以在这里下载它： http : //prismjs.com/plugins/autolinker/ 。 您可以使用以下格式：

[Text you want to see](http://url-goes-here.com)