Hyperlink within prism, code tag

Question

I have the following in my html template:

<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>

I want it to markup the language (I'm using prism for that) but also hyperlink for the "Google" item.

Here is how it should look:

And clicking the word "Google" will open that link.

But here is how it currently looks:

Furthermore, the word "Google" is not clickable -- nothing within the <code> tag is linked.

How would I accomplish the above with prism?

Answer 1

Prism seems to have a plugin for exactly this. You can download it here: http://prismjs.com/plugins/autolinker/. You can use this format:

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