v1.0.3

build/md-loader/fence.js

@@ -0,0 +1,14 @@
+// 覆盖默认的 fence 渲染策略
+module.exports = md => {
+	const defaultRender = md.renderer.rules.fence;
+	md.renderer.rules.fence = (tokens, idx, options, env, self) => {
+		const token = tokens[idx];
+		// 判断该 fence 是否在 :::demo 内
+		const prevToken = tokens[idx - 1];
+		const isInDemoContainer = prevToken && prevToken.nesting === 1 && prevToken.info.trim().match(/^demo\s*(.*)$/);
+		if (token.info === 'html' && isInDemoContainer) {
+			return `<template slot="highlight"><pre v-pre><code class="html">${md.utils.escapeHtml(token.content)}</code></pre></template>`;
+		}
+		return defaultRender(tokens, idx, options, env, self);
+	};
+};