asciidoctor/asciidoctor

I developing WYSIWYG editor with editor.js and asciidoctor.js
https://editorjs.io

editor.js is block style.
I have no idea how create block from file because file is not structed text.
This is my current problem.

asciidoctor.js Document object has blocks property, so I thought it could be converted to HTML in block units and tried it.

But the section titles, admonitions doesn't converted to HTML.(There may be other syntax that is not converted)

e.g
file contents.

== This is section
- Gorilla
- Cat

[NOTE]
====
- Dog
- Bird
- Cat
====

converted HTML.

<div class="ulist">
<ul>
<li>
<p>Gorilla</p>
</li>
<li>
<p>Cat</p>
</li>
</ul>
</div><div class="ulist">
<ul>
<li>
<p>Dog</p>
</li>
<li>
<p>Bird</p>
</li>
<li>
<p>Cat</p>
</li>
</ul>
</div>

The sample convert code.

const asciidoctor = new Asciidoctor()

function convert(blocks) {
  let output = ""
  for (const block of blocks) {
    if (block.hasBlocks() && block.blocks[0].node_name !== "list_item") {
      output += convert(block.blocks)
    } else {
      output += block.convert()
    }
  }
  return output
}

function output() {
  const input = document.getElementById("input")
  const output = document.getElementById("output")
  const doc = asciidoctor.load(input.value)
  output.innerHTML = convert(doc.blocks)
}

Is there a way to convert syntax such as selections and admonitions?