This is a demo with bugs, unexpected behavior, and no support. Visit the home page to submit your email if you want this writer to be developed further.
Sidenote
Endnote
LaTeX
Code
Modal
Tooltip
Side Container
Full Container
Full Width
Details
Carousel
Chart
Table
Alert
Markdown
Base Template
Components
Add New
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.
BlockquoteBlockquotes 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.
ListLists 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
HeadingHeadings 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
ImageImages 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.
LinkLinks have the link text in [] followed by the url in ().
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.