svelte-exmarkdown

Transparent component

If you want to render a component without any wrapper element, you can use the Transparent component. This component is convenient when you want to disable some syntax.

<script lang="ts">
	import type { Plugin } from 'svelte-exmarkdown';
	import Markdown, { Transparent } from 'svelte-exmarkdown';
	let md = $state('This example is not support **strong** and *em* syntax.');
	const plugins: Plugin[] = [
		{ renderer: { strong: Transparent, em: Transparent } }
	];
</script>

<textarea bind:value={md}></textarea>
<Markdown {md} {plugins} />