Try SpWML Editor!

There is a simple editor written in SpWML, so please try various things.

This is a simple build for test display, so I think the best way to use it is to paste code created with another code editor to test and fine-tune the UI. In addition, the SpWMLEditor has an automatic Dart code generation function that can automatically generate UI display code.

https://simple-widget-markup-editor.web.app/

SpWML notation

SpWML is structured as a derivative of SpBML. Simple Block Markup Laungage(SpBML)

(type, parameter1:value1, parameter2:value2,...)content

If SpBML is XML, SpWML is like HTML, and SpBML is a more flexible language. The writing method is the same as SpBML, and type names such as h1 and h2, which are similar to HTML, are predefined.

For example, if you want to write text in the size of header 1, do the following.

(h1)The text

Available parameters differ depending on the type. Please refer to Classes and methods on this homepage for detailed type names and available parameters. Also, if you want to get a quick overview or try AI auto-generation, see Let AI generate the design.