# Keep markup ▲ Prism plugins

# How to use

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.

# Examples

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 */ };`