https://triplelog.com/writer/ [*] Preview [ ]Content Template Save/Load Help --------------------------------------------------------------------- Sidenote+ Endnote+ L^aT[e]X+ Code+ Modal+ Tooltip+ Side Container+ Full Container+ Full Width+ Details+ Carousel+ Chart Table Alert Markdown 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:[1366 ] Full: [*] Height:[768 ] Full: [*] REM:[16 ] Default: [*] Zoom:[ ] Update {{#sidenote}}Content{{/sidenote}} --------------------------------------------------------------------- Content: [ ] --------------------------------------------------------------------- Add {{#endnote}}Content{{/endnote}} --------------------------------------------------------------------- Content: [ ] --------------------------------------------------------------------- Add \n{{#sidecontainer.content}}Side Content{{/sidecontainer.content}}The regular content{{sidecontainer.end}}\n --------------------------------------------------------------------- Side Content: [ ] --------------------------------------------------------------------- Add \n{{#fullcontainer.content}}Full Container Content{{/ fullcontainer.content}}The regular content{{fullcontainer.end}}\n --------------------------------------------------------------------- Full Container Content: [ ] --------------------------------------------------------------------- Add {{#latex}}Content{{/latex}} OR {{#display}}Content{{/display}} --------------------------------------------------------------------- Content: [ ] --------------------------------------------------------------------- Add InlineAdd Display {{#modal.link}}Link Text{{/modal.link}}{{#modal.content}}Content{{/ modal.content}} --------------------------------------------------------------------- Link Text: [ ] Content: [ ] --------------------------------------------------------------------- Add {{#tooltip.link}}Link Text{{/tooltip.link}}{{#tooltip.content}} Content{{/tooltip.content}} --------------------------------------------------------------------- Link Text: [ ] Content: [ ] --------------------------------------------------------------------- Add \n~~~language\nCode\n~~~\n --------------------------------------------------------------------- Content: [ ] Language: [Javascript] --------------------------------------------------------------------- Add {{#fullwidth}}Content{{/fullwidth}} --------------------------------------------------------------------- Content: [ ] --------------------------------------------------------------------- Add {{#details}}{{#summary}}Summary{{/summary}}Content{{/details}} --------------------------------------------------------------------- Summary: [ ] Content: [ ] --------------------------------------------------------------------- Add 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. o Another Layer. 1. Ordered Item. 2. 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
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: [ ] --------------------------------------------------------------------- Add Info AlertAdd Success AlertAdd Warning Alert Github Markdown Table Format --------------------------------------------------------------------- Content: [ ] [ ] --------------------------------------------------------------------- Add Table Vega-lite charts --------------------------------------------------------------------- Name: [ ] [ ] Data: [ ] Options (Reset to [Bar ]): [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] --------------------------------------------------------------------- Add Chart {{#carousel}}{{#item}}{{/item}}{{#item}}{{/item}}...{{/carousel}} --------------------------------------------------------------------- Add File Name: [ ] Download HTML Download Zip --------------------------------------------------------------------- Browser Local Storage Save: [ ] Save Load: [ ] Load --------------------------------------------------------------------- [ ] Upload [?] [?] [ ] Template: Output Input [ ] [*]