@yozora/html-paragraph

render Yozora Markdown AST node `IParagraph` into HTML string

Usage no npm install needed!

<script type="module">
  import yozoraHtmlParagraph from 'https://cdn.skypack.dev/@yozora/html-paragraph';
</script>

README

@yozora/html-paragraph


This component is for rendering the Yozora Markdown AST node IParagraph produced by @yozora/tokenizer-paragraph into HTML string.

This component has been built into [@yozora/html-markdown][], you can use it directly.

Install

  • npm

    npm install --save @yozora/html-paragraph

  • yarn

    yarn add @yozora/html-paragraph

Usage

  • Basic:

    import type { IParagraph, IYastNode } from '@yozora/ast'
import renderParagraph from '@yozora/html-paragraph'

// The implementation of the following function has been omitted.
const renderChildren: (nodes: IYastNode[]) => string = function () {}

const paragraph = {
  "type": "paragraph",
  "children": [
    {
      "type": "text",
      "value": "yozora is cool!"
    }
  ]
}
renderParagraph(paragraph as IParagraph, renderChildren)
// => <p class="yozora-paragraph"><span class="yozora-text">yozora is cool!</span></p>

Related