how do it auto like the below html structure with codemirror6

1

<pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="CodeMirror-widget" role="presentation" cm-ignore-events="true"><span class="cm-func">SUM</span></span>(<span class="cm-number">1</span> , <span class="cm-number">2</span>)<span class="cm-operator">+</span></span></pre>

2
  1. you can use language-server-protocol(Specification)
  2. you can use prettier API ยท Prettier