@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

• @yozora/ast
• @yozora/react-markdown
• @yozora/react-paragraph
• @yozora/tokenizer-paragraph
• Paragraph | Mdast