svelte-exmarkdown

Components map

As you've seen so far, you can customize renderer via renderer object.

If you set HTML tag name as a value of renderer object, it will be rendered as is.

<script lang="ts">
	import type { Plugin } from 'svelte-exmarkdown';
	import Markdown from 'svelte-exmarkdown';

	let md = '# h1 but rendered as h2\n\n## Same size with above';
	const plugins: Plugin[] = [{ renderer: { h1: 'h2' } }];
</script>

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

h1 but rendered as h2

Same size with above