@yozora/html-strong

render Yozora Markdown AST node `IStrong` into HTML string

Usage no npm install needed!

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

README

@yozora/html-strong


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

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

Install

  • npm

    npm install --save @yozora/html-strong
    
  • yarn

    yarn add @yozora/html-strong
    

Usage

  • Basic:

    import type { IStrong, IYastNode } from '@yozora/ast'
    import renderStrong from '@yozora/html-strong'
    
    // The implementation of the following function has been omitted.
    const renderChildren: (nodes: IYastNode[]) => string = function () {}
    
    const strong = {
      "type": "strong",
      "children": [
        {
          "type": "text",
          "value": "yozora is cool!"
        }
      ]
    }
    renderStrong(strong as IStrong, renderChildren)
    // => <strong class="yozora-strong"><span class="yozora-text">yozora is cool!</span></strong>
    

Related