2022-03-17 17:59:51 +00:00
<!DOCTYPE html>
< html lang = "en-US" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< title > Why Schlechtenburg? | Schlechtenburg< / title >
< meta name = "description" content = "Experimental WYSIWYG block editor" >
2022-03-17 18:09:14 +00:00
< link rel = "stylesheet" href = "/schlechtenburg/assets/style.a7ab32f9.css" >
2022-03-22 20:56:45 +00:00
< link rel = "modulepreload" href = "/schlechtenburg/assets/app.d1307649.js" >
< link rel = "modulepreload" href = "/schlechtenburg/assets/guide_why.md.1cac0594.lean.js" >
2022-03-17 17:59:51 +00:00
< meta name = "twitter:title" content = "Why Schlechtenburg? | Schlechtenburg" >
< meta property = "og:title" content = "Why Schlechtenburg? | Schlechtenburg" >
< / head >
< body >
2022-03-22 20:56:45 +00:00
< div id = "app" > <!-- [ --> < div class = "theme" > < header class = "nav-bar" data-v-675d8756 > < div class = "sidebar-button" data-v-675d8756 > < svg class = "icon" xmlns = "http://www.w3.org/2000/svg" aria-hidden = "true" role = "img" viewBox = "0 0 448 512" > < path fill = "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 > < a class = "nav-bar-title" href = "/schlechtenburg/" aria-label = "Schlechtenburg, back to home" data-v-675d8756 data-v-cc01ef16 > <!-- --> Schlechtenburg< / a > < div class = "flex-grow" data-v-675d8756 > < / div > < div class = "nav" data-v-675d8756 > < nav class = "nav-links" data-v-675d8756 data-v-eab3edfe > <!-- [ --> < div class = "item" data-v-eab3edfe > < div class = "nav-link" data-v-eab3edfe data-v-b8818f8c > < a class = "item active" href = "/schlechtenburg/guide/why" data-v-b8818f8c > Guide <!-- --> < / a > < / div > < / div > < div class = "item" data-v-eab3edfe > < div class = "nav-dropdown-link" data-v-eab3edfe data-v-56bf3a3f > < button class = "button" data-v-56bf3a3f > < span class = "button-text" data-v-56bf3a3f > API< / span > < span class = "right button-arrow" data-v-56bf3a3f > < / span > < / button > < ul class = "dialog" data-v-56bf3a3f > <!-- [ --> < li class = "dialog-item" data-v-56bf3a3f > < div class = "nav-dropdown-link-item" data-v-56bf3a3f data-v-bbc27490 > < a class = "item" href = "/schlechtenburg/api/@schlechtenburg/standalone" data-v-bbc27490 > < span class = "arrow" data-v-bbc27490 > < / span > < span class = "text" data-v-bbc27490 > @schlechtenburg/standalone< / span > < span class = "icon" data-v-bbc27490 > <!-- --> < / span > < / a > < / div > < / li > < li class = "dialog-item" data-v-56bf3a3f > < div class = "nav-dropdown-link-item" data-v-56bf3a3f data-v-bbc27490 > < a class = "item" href = "/schlechtenburg/api/@schlechtenburg/core" data-v-bbc27490 > < span class = "arrow" data-v-bbc27490 > < / span > < span class = "text" data-v-bbc27490 > @schlechtenburg/core< / span > < span class = "icon" data-v-bbc27490 > <!-- --> < / span > < / a > < / div > < / li > < li class = "dialog-item" data-v-56bf3a3f > < div class = "nav-dropdown-link-item" data-v-56bf3a3f data-v-bbc27490 > < a class = "item" href = "/schlechtenburg/api/@schlechtenburg/layout" data-v-bbc27490 > < span class = "arrow" data-v-bbc27490 > < / span > < span class = "text" data-v-bbc27490 > @schlechtenburg/layout< / span > < span class = "icon" data-v-bbc27490 > <!-- --> < / span > < / a > < / div > < / li > < li class = "dialog-item" data-v-56bf3a3f > < div class = "nav-dropdown-link-item" data-v-56bf3a3f data-v-bbc27490 > < a class = "item" href = "/schlechtenburg/api/@schlechtenburg/heading" data-v-bbc27490 > < span class = "arrow" data-v-bbc27490 > < / span > < span class = "text" data-v-bbc27490 > @schlechtenburg/heading< / span > < span class = "icon" data-v-bbc27490 > <!-- --> < / span > < / a > < / div > < / li > < li class = "dialog-item" data-v-56bf3a3f > < div class = "nav-dropdown-link-item" data-v-56bf3a3f data-v-bbc27490 > < a class = "item" href = "/schlechtenburg/api/@schlechtenburg/paragraph" data-v-bbc27490 > < span class = "arrow" data-v-bbc27490 > < / span > < span class = "text" data-v-bbc27490 > @schlechtenburg/paragraph< / span > < span class = "icon" data-v-bbc27490 > <!-- --> < / span > < / a > < / div > < / li > < li class = "dialog-item" data-v-56bf3a3f > < div class = "nav-dropdown-link-item" data-v-56bf3a3f data-v-bbc27490 > < a class = "item" href = "/schlechtenburg/api/@schlechtenburg/image" data-v-bbc27490 > < span class = "arrow" data-v-bbc27490 > < / span > < span class = "text" data-v-bbc27490 > @schlechtenburg/image< / span > < span class = "icon" data-v-bbc27490 > <!-- --> < / span > < / a > < / div > < / li > <!-- ] --> < / ul > < / div > < / div > <!-- ] --> <!-- --> <!-- --> < / nav > < / div > <!-- [ --> <!-- ] --> < / header > < aside class = "sidebar" data-v-83e92a68 > < nav class = "nav-links nav" data-v-83e92a68 data-v-eab3edfe > <!-- [ --> < div class = "item" data-v-eab3edfe > < div class = "nav-link" data-v-eab3edfe data-v-b8818f8c > < a class = "item active" href = "/schlechtenburg/guide/why" data-v-b8818f8c > Guide <!-- --> < / a > < / div > < / div > < div class = "item" data-v-eab3edfe > < div class = "nav-dropdown-link" data-v-eab3edfe data-v-56bf3a3f > < button class = "button" data-v-56bf3
2022-03-17 17:59:51 +00:00
id: ' 1590592116800' ,
name: ' sb-paragraph' ,
data: {
value: ' This is the second paragraph< br> ' ,
align: ' left'
}
},
2022-03-22 20:56:45 +00:00
< / code > < / pre > < / div > < p > The main advantage here is that it enables you to write your own tooling around the format, since you don' t have to deal with HTML or the DOM directly. This also enables really easy subtree rendering, by just taking that subtree of the JSON and feeding it to a Schlechtenburg instance. if instead of rendering a full page you' d only want to render the images, you could find all of the < code > sb-image< / code > nodes in the tree and rendering them all inside an < code > sb-layout< / code > block.< / p > < h2 id = "so-why-not-gutenberg" tabindex = "-1" > So why not Gutenberg? < a class = "header-anchor" href = "#so-why-not-gutenberg" aria-hidden = "true" > #< / a > < / h2 > < p > Gutenberg is tied heavily into the Wordpress ecosystem, making its inclusion in other sites harder than necessary.< / p > < / div > < / div > < footer class = "page-footer" data-v-7eddb2c4 data-v-07c132fc > < div class = "edit" data-v-07c132fc > < div class = "edit-link" data-v-07c132fc data-v-1ed99556 > <!-- --> < / div > < / div > < div class = "updated" data-v-07c132fc > <!-- --> < / div > < / footer > < div class = "next-and-prev-link" data-v-7eddb2c4 data-v-38ede35f > < div class = "container" data-v-38ede35f > < div class = "prev" data-v-38ede35f > <!-- --> < / div > < div class = "next" data-v-38ede35f > < a class = "link" href = "/schlechtenburg/guide/installation" data-v-38ede35f > < span class = "text" data-v-38ede35f > Installation< / span > < svg xmlns = "http://www.w3.org/2000/svg" viewbox = "0 0 24 24" class = "icon icon-next" data-v-38ede35f > < path d = "M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z" > < / path > < / svg > < / a > < / div > < / div > < / div > <!-- [ --> <!-- ] --> < / div > < / main > < / div > <!-- --> <!-- ] --> < / div >
< script > _ _VP _HASH _MAP _ _ = JSON . parse ( "{\"api_@schlechtenburg_core.md\":\"4063a713\",\"api_@schlechtenburg_heading.md\":\"ed89ddd1\",\"api_@schlechtenburg_image.md\":\"8d0d9fd9\",\"api_@schlechtenburg_layout.md\":\"1da56817\",\"api_@schlechtenburg_paragraph.md\":\"8709c1d7\",\"api_@schlechtenburg_standalone.md\":\"230a9366\",\"guide_examples.md\":\"f568382d\",\"guide_installation.md\":\"491f5af1\",\"guide_why.md\":\"1cac0594\",\"index.md\":\"3edeae7e\"}" ) < / script >
< script type = "module" async src = "/schlechtenburg/assets/app.d1307649.js" > < / script >
2022-03-17 17:59:51 +00:00
< / body >
< / html >
