如何使用

您一無須要進行操作。此外掛預設為啟用模式。安裝此外掛程式後,程式碼中的所有標記都將保留。

然而,您可以為特定程式碼元素停用此外掛,方法是為其加入no-keep-markup 類別。您也可以為整頁停用外掛,方法是為頁面的主體加入no-keep-markup 類別,然後有選擇性地為程式碼元素加入keep-markup類別,以重新啟用外掛。

雙重強調

有些外掛(例如 自動載入器)需要重新強調程式碼區塊。這對於「保留標記」而言是一個問題,它將保留第一次強調時建立的標記,導致許多不必要的 DOM 節點,並且會對佈景主題和其他外掛造成問題。

可以透過為程式碼區塊或任何其先導加入drop-tokens 類別來解決這個問題。如果存在drop-tokens,保留標記將忽略由 Prism 所建立的所有 span.token 元素。

範例

以下原始程式碼

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

會呈現如下


@media screen {
	div {
		text-decoration: underline;
		background: url('foo.png');
	}
}

它也可以適用於內嵌程式碼:var bar = function () { /* foo */ };