<divid="app"><!--[--><divclass="no-sidebar theme"><headerclass="nav-bar"data-v-675d8756><divclass="sidebar-button"data-v-675d8756><svgclass="icon"xmlns="http://www.w3.org/2000/svg"aria-hidden="true"role="img"viewBox="0 0 448 512"><pathfill="currentColor"d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"class></path></svg></div><aclass="nav-bar-title"href="/schlechtenburg/"aria-label="Schlechtenburg, back to home"data-v-675d8756data-v-cc01ef16><!----> Schlechtenburg</a><divclass="flex-grow"data-v-675d8756></div><divclass="nav"data-v-675d8756><navclass="nav-links"data-v-675d8756data-v-eab3edfe><!--[--><divclass="item"data-v-eab3edfe><divclass="nav-link"data-v-eab3edfedata-v-b8818f8c><aclass="item"href="/schlechtenburg/guide/introduction"data-v-b8818f8c>Guide <!----></a></div></div><divclass="item"data-v-eab3edfe><divclass="nav-dropdown-link"data-v-eab3edfedata-v-56bf3a3f><buttonclass="button"data-v-56bf3a3f><spanclass="button-text"data-v-56bf3a3f>API</span><spanclass="right button-arrow"data-v-56bf3a3f></span></button><ulclass="dialog"data-v-56bf3a3f><!--[--><liclass="dialog-item"data-v-56bf3a3f><divclass="nav-dropdown-link-item"data-v-56bf3a3fdata-v-bbc27490><aclass="item"href="/schlechtenburg/api/@schlechtenburg/core"data-v-bbc27490><spanclass="arrow"data-v-bbc27490></span><spanclass="text"data-v-bbc27490>@schlechtenburg/core</span><spanclass="icon"data-v-bbc27490><!----></span></a></div></li><!--]--></ul></div></div><!--]--><!----><!----></nav></div><!--[--><!--]--></header><asideclass="sidebar"data-v-83e92a68><navclass="nav-links nav"data-v-83e92a68data-v-eab3edfe><!--[--><divclass="item"data-v-eab3edfe><divclass="nav-link"data-v-eab3edfedata-v-b8818f8c><aclass="item"href="/schlechtenburg/guide/introduction"data-v-b8818f8c>Guide <!----></a></div></div><divclass="item"data-v-eab3edfe><divclass="nav-dropdown-link"data-v-eab3edfedata-v-56bf3a3f><buttonclass="button"data-v-56bf3a3f><spanclass="button-text"data-v-56bf3a3f>API</span><spanclass="right button-arrow"data-v-56bf3a3f></span></button><ulclass="dialog"data-v-56bf3a3f><!--[--><liclass="dialog-item"data-v-56bf3a3f><divclass="nav-dropdown-link-item"data-v-56bf3a3fdata-v-bbc27490><aclass="item"href="/schlechtenburg/api/@schlechtenburg/core"data-v-bbc27490><spanclass="arrow"data-v-bbc27490></span><spanclass="text"data-v-bbc27490>@schlechtenburg/core</span><spanclass="icon"data-v-bbc27490><!----></span></a></div></li><!--]--></ul></div></div><!--]--><!----><!----></nav><!--[--><!--]--><!----><!--[--><!--]--></aside><divclass="sidebar-mask"></div><mainclass="page"data-v-7eddb2c4><divclass="container"data-v-7eddb2c4><!--[--><!--]--><divstyle="position:relative;"class="content"data-v-7eddb2c4><div><h1id="yet-another-wysiwyg-editor"tabindex="-1">Yet another WYSIWYG editor <aclass="header-anchor"href="#yet-another-wysiwyg-editor"aria-hidden="true">#</a></h1><p>Schlechtenburg is an experimental WYSIWYG editor framework made with Vue 3 and TypeScript. It takes cues from both Wordpress' Gutenberg editor and CKEditor, though it tries to become a best of both worlds; a very lightweight, easily extensible core, written with modern components and the accompanying state management.</p><p>It inputs and outputs a tree of JSON-serializable data.</p><p>This is still in the Proof-of-concept phase.</p><divclass="cta-row"><ahref="/schlechtenburg/guide/why"class="button button_cta">Why Schlechtenburg?</a><ahref="/schlechtenburg/guide/introduction"class="button">Get Started</a><ahref="/schlechtenburg/api"class="button">See the API docs</a></div><divclass="example-editor"><h2class="example-editor--title"><span>Try it yourself</span><selectclass="example-editor--mode"valu