W3Teal

Does this work?

Adapted from markdown-it demo. Inspired by Sylvia


h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading

Horizontal Rules




Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in justo non magna eleifend ullamcorper. Integer feugiat mauris sed ornare ultrices. Fusce in tempor neque. Suspendisse sit amet ipsum sit amet urna pharetra bibendum id in turpis. Proin luctus accumsan pretium. Morbi a molestie tortor. Vivamus tempor nec augue quis venenatis. Proin volutpat volutpat lorem ut luctus. Nam ligula nisl, ultricies vitae blandit a, lacinia at nunc. Mauris at molestie ante, nec mollis sapien. Praesent vulputate mi vel dui sagittis, id rhoncus nisl iaculis. Nam et risus ultrices, sagittis est vitae, accumsan nisl. Morbi ac ipsum efficitur, aliquam libero eu, accumsan magna. Morbi dolor leo, elementum non tempus et, ullamcorper vel odio. Phasellus a erat neque.

Praesent nec enim in risus pulvinar porta. Aliquam tempor eros nec mi sollicitudin, vitae bibendum tortor pulvinar. Vestibulum euismod nisi sapien, eget aliquam ex facilisis ut. Aenean eu semper lorem. Nunc tristique diam ac nisl ultrices egestas. Suspendisse lobortis tincidunt sagittis. Nullam aliquam purus augue, et sodales magna faucibus vulputate. Proin dictum sagittis venenatis. Curabitur nec dictum metus. Cras commodo libero nisi, non tempor elit tincidunt fermentum. Sed dapibus ligula elit, a placerat sapien semper nec.

Typographic replacements

Enable typographer option to see result.

© © ® ® ™ ™ ℗ ℗ ±

test.. test... test..... test?..... test!....

!!!!!! ???? ,, -- ---

"Smartypants, double quotes" and 'single quotes'

Emphasis

This is bold text

This is bold text

This is italic text

This is italic text

Strikethrough

Blockquotes

Blockquotes can also be nested...

...by using additional greater-than signs right next to each other...

...or with spaces between arrows.

Lists

Unordered

Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. You can use sequential numbers...
  5. ...or keep all the numbers as 1.

Start numbering with offset:

  1. foo
  2. bar

Code

Inline code

Indented code

// Some comments
line 1 of code
line 2 of code
line 3 of code

Block code "fences"

Sample text here...

Syntax highlighting

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Demo</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
  </body>
</html>

Tables

Option Description
data path to data files to supply the data that will be passed into templates.
engine engine to be used for processing templates. Handlebars is the default.
ext extension to be used for dest files.

Right aligned columns

Option Description
data path to data files to supply the data that will be passed into templates.
engine engine to be used for processing templates. Handlebars is the default.
ext extension to be used for dest files.

link text

link with title

Images

Minion Stormtroopocat

Like links, Images also have a footnote style syntax

Alt text

With a reference later in the document defining the URL location:

Extras

Subscript / Superscript

Highlight

Marked text

Footnotes

Footnote 1 link1.

Footnote 2 link2.

Duplicated footnote reference2.

Abbreviations

This is HTML abbreviation example.

It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.

  1. Footnote can have markup

  2. Footnote text.

#en #test