Add tab:

By default, pressing tab will move your cursor to the next input rather than adding a tab to your text. Check this box to add tabs by pressing the tab button.

Preview in iframe:

Iframes allow you to see the webpage as it will be with any template changes and you can adjust the size of the frame to see how it looks at different sizes. However, internal links like endnotes and table of contents do not work.

Auto Save:

If you enable auto save, then an updated version will be saved every two minutes. To access this file, append "-autosave" to your filename when loading. Only the most recent autosave will remain.

DOMPurify Content:

By default, your content is purified by DOMPurify to avoid insecure scripts. If you want to add scripts, disable this but then don't use any untrusted text without checking for bad scripts.

Sidebar Components

Use iframe?

Iframes allow you to see the webpage as it will be with any template changes and you can adjust the size of the frame to see how it looks at different sizes. However, internal links like endnotes and table of contents do not work.

Width: Full:

Height: Full:

REM: Default:

Zoom:

{{#sidenote}}Content{{/sidenote}}

Content:

{{#endnote}}Content{{/endnote}}

Content:

\n{{#sidecontainer.content}}Side Content{{/sidecontainer.content}}The regular content{{sidecontainer.end}}\n

Side Content:

\n{{#fullcontainer.content}}Full Container Content{{/fullcontainer.content}}The regular content{{fullcontainer.end}}\n

Full Container Content:

{{#latex}}Content{{/latex}} OR {{#display}}Content{{/display}}

Content:

{{#modal.link}}Link Text{{/modal.link}}{{#modal.content}}Content{{/modal.content}}

Link Text:

Content:

{{#tooltip.link}}Link Text{{/tooltip.link}}{{#tooltip.content}}Content{{/tooltip.content}}

Link Text:

Content:

\n~~~language\nCode\n~~~\n

Content:

Language:

{{#fullwidth}}Content{{/fullwidth}}

Content:

{{#details}}{{#summary}}Summary{{/summary}}Content{{/details}}

Summary:

Content:

Blockquote

Blockquotes can be created by adding a > to the beginning of a line. The quote will continue until there is a blank line or another block markdown element.

> Input something like this.

Input that looks like that will become output that looks like this.

List

Lists can be created by adding a - followed by a space to the beginning of a line for unordered lists. Ordered Lists can be created by starting a line with 1. followed by a space and then the text. Add a tab (or multiple tabs) before the 1. or - to create nested lists.

Unordered List:
					- First Item.
					- Second Item.
						- Nested Item.
							- Another Layer.
					Ordered list:
					1. Ordered Item.
					1. More

First Item.
Second Item.
- Nested Item.
  - Another Layer.

Ordered Item.
More

Heading

Headings can be created by adding # followed by a space to the beginning of a line. Use ## for h2 or up to ###### for h6. In CSS writer, headings are automatically added to the table of contents.
# Heading Level 1
## Heading Level 2
###### Heading Level 6

Heading Level 1

Heading Level 2

Heading Level 6

Image

Images start with a ! followed by alt text in [] followed by the image url in (). For more options, especially sizing, use the HTML img (or picture) tag.

![Image alt text](https://link/to/image)![Image in same folder](image.png)

Link

Links have the link text in [] followed by the url in ().

[CSS Hole](https://csshole.com)

CSS Hole

Styling

Surround text with ** on each side to make it bold. Surround text with * on each side to make it italicized. Surround text with *** on each side to make it bold and italicized. Place *** on their own line to create a horizontal rule. Create a line break by adding <br> or adding two spaces to the end of a line. Styling with HTML should also work.

{{#alert.type}}Type{{/alert.type}}{{#alert.content}}Content{{/alert.content}}

Content:

Github Markdown Table Format

Content:

Vega-lite charts

Name:

Data:

Options (Reset to ):

{{#carousel}}{{#item}}{{/item}}{{#item}}{{/item}}...{{/carousel}}

File Name:

Browser Local Storage

Save:

Load:

Delete:

Name of Component: