@jill64/exmarkdown-code-utility

exmarkdown-code-utility

Code utility plugin for svelte-exmarkdown

Demo

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>

Plugin Config Types