@convertkit/slate-htm

A JSX-like syntax for creating Slate Values

Usage no npm install needed!

<script type="module">
  import convertkitSlateHtm from 'https://cdn.skypack.dev/@convertkit/slate-htm';
</script>

README

name: Slate HTM route: /slate-htm

Slate HTM

Provides JSX like syntax for creating Slate values.

Install

yarn add -D @convertkit/slate-htm

Usage


import { createHTM } from "@convertkit/slate-htm";

const html = createHTM(({
  blocks: {
    paragraph: "paragraph",

  },
  inlines: {
    link: "link"
  },
  marks: {
    bold: "bold"
  }
})

const value = html`
  <value>
    <document>
      <paragraph>Example <link>link</link></paragraph>
    </document>
  </value>
`