You have nothing to do. The plugin is active by default. With this plugin loaded, all markup inside code will be kept.
However, you can deactivate the plugin for certain code element by adding the no-keep-markup
class to it. You can also deactivate the plugin for the whole page by adding the no-keep-markup
class to the body of the page and then selectively activate it again by adding the keep-markup
class to code elements.
The following source code
<pre><code class="language-css">
@media <mark>screen</mark> {
div {
<mark>text</mark>-decoration: <mark><mark>under</mark>line</mark>;
back<mark>ground: url</mark>('foo.png');
}
}</code></pre>
would render like this:
@media screen {
div {
text-decoration: underline;
background: url('foo.png');
}
}
It also works for inline code:
var bar = function () { /* foo */ };