exmarkdown-code-utility
Code utility plugin for svelte-exmarkdown
This plugin adds the following utility to code section in svelte-exmarkdown
- Code Copy Button
- Show Filename
Install
npm i @jill64/exmarkdown-code-utility
Example
<script>
import { codeUtility } from '@jill64/exmarkdown-code-utility'
import { Markdown } from 'svelte-exmarkdown'
// ...
</script>
<Markdown
md={/*...*/}
plugins={[
// ...
codeUtility({
// Configuration (optional)
})
]}
/>
<style>
.exmarkdown-code-filename {
/* Style of Filename section (<p/>) */
}
.exmarkdown-code-copy {
/* Style of Copy Button (<button/>) */
}
.exmarkdown-code-copy[data-md-filename] {
/* Styling when visible filename */
}
</style>