OpenNote uses a wrapper format to save which element uses which Syntax and to offer different way to position element on the screen.

• options
  • syntax (Default: “Plain Text”) - Determines which wiki syntax to use to parse the page
  • interpreter (Default depends on the syntax) - Determines which parser to use
  • flavor (Default depends on the interpreter) - Determines a flavor to use for parsing

If the syntax, the interpreter or flavor isn't available an editor shall fallback to the default. An editor may display an info about an option being not available.

An editor may support images or other contents with a fixed width as a valid “syntax” (eg. “SVG”, “JPEG” or “PDF”). Those elements should be displayed according to their DPI information with a maximum width of 100% of the wrapping div element. Editors may offer an option to zoom the content without affecting the wrapping div.

[
  "content",
  {
    "syntax": "DokuWiki"
  },
  "utf-8 escaped content"
]

<main syntax="Markdown" flavor="GitHub"><![CDATA[
# Another parser
This shall be interpreted a GitHub flavored Markdown.
]]></main>

[
  "text",
  {
    "syntax": "Markdown",
    "flavor": "GitHub"
  },
  "content": "utf-8 escaped content"
]

<main syntax="Markdown" flavor="GitHub"><![CDATA[
# Another parser
This shall be interpreted a GitHub flavored Markdown.
]]></main>

This supports a grid which offers free positioning similar to the OneNote experience. It contains boxes.

[
  "grid",
  {
    "format": "DIN A4",
    "units": "cm"
  },
  [
    "content",
    {
      "x": 1.0,
      "y": 1.3,
      "width": 9.0,
    },
    "utf-8 escaped content"
  ],
  [
    "image",
    {
      "x": 10.0,
      "y": 1.3,
      "width": 10.0
      "alt": "Foto eines schneebedeckten Bergs",
    },
    "Urlaubsfoto.jpg"
  ]
]  

<grid format="DIN A4">
  <box syntax="Markdown" flavor="GitHub"><![CDATA[
# Another parser
This shall be interpreted a GitHub flavored Markdown.
]]></box>

<responsive>
  <box syntax="Markdown" flavor="GitHub" class="md-4 sm-8 xs-12 pull-right"><![CDATA[
# Another parser
This shall be interpreted a GitHub flavored Markdown.
]]></box>
  <row>
    <box syntax="Markdown" flavor="GitHub" class="md-4 md-offset-6 xs-12"><![CDATA[
## Second box
This shall be interpreted a GitHub flavored Markdown.
]]></box>
  </row>
</responsive>