Template and Markdown Guide¶
- Using annotations to create templates with Markdown
- Mustache Templating
- Table of contents
- Variables
- Examples
- 1. Normal replacement - “{{{name}}}”
- 2. Replacement with URL encoding - “{{#encode}}{{{name}}}{{/encode}}”
- 3. Replacement with HTML escaping - “{{name}}”
- 4. Replacement with null check, disabled escaping and url encoding - “{{#name}}…{{/name}}”
- 5. Replacement with negated-null check - “{{^name}}…{{/name}}”
- 6. Null Handling
- Using Pre-defined Attributes
- Handlebars Templating
- Table of contents
- Handlebars vs. Mustache
- Usage
- Using Pre-defined Attributes
- Helpers
- Block Helpers
- Boolean Helpers
- Markdown Formatting
- Table of Contents
- Inline Vs. Block
- Attributes
- Examples
- 1. Link (Anchor)
- 2. Download Button
- 3. Image
- 4. Thumbnail With Link To Original Image And A caption
- 5. Image with zoom capabilties
- 6. Iframe
- a. Styling the Iframe
- a.1. Without any attributes
- a.2. With height and width defined
- a.3. Invalid link
- a.4. Iframe without scrolling
- a.5. Class and style attached to the iframe element
- a.6. Iframe with figure class and style
- a.7. Iframe with caption styles and figure styles
- b. Captions
- b.1. Linkable caption
- b.2. Caption positioned at the bottom
- b.3. Caption class and style
- b.4. Linkable caption open new tab
- c. Responsiveness and Other Cases
- c.1. Stretch to height and width of parent container
- c.2. Fill container with min-width
- c.3. Fill container with min-width and min-height and max-height
- c.4. Iframe with set height and responsive width
- c.5. Iframe with variable height based on viewport with bounds
- c.6. Iframe with fullscreen button hidden
- c.7. Iframe with fullscreen button open new tab
- 7. Dropdown download button
- 8. Vocabulary
- 9. Youtube Video
- 10. Video
- 11. Subscript
- 12. Superscript
- 13. Span (Attach Attributes To Text)
- 14. Escape markdown content
- 15. RID link
- 16. Table