Mode: , Locale: , Max length:
Plugins:

Markdown Basic Syntax

I just love bold text. Italicized text is the cat's meow. At the command prompt, type nano.

My favorite markdown editor is ByteMD.

  1. First item
  2. Second item
  3. Third item

Dorothy followed her through many of the beautiful rooms in her castle.

import gfm from '@bytemd/plugin-gfm'
import { Editor, Viewer } from 'bytemd'

const plugins = [
  gfm(),
  // Add more plugins here
]

const editor = new Editor({
  target: document.body, // DOM to render
  props: {
    value: '',
    plugins,
  },
})

editor.on('change', (e) => {
  editor.$set({ value: e.detail.value })
})

GFM Extended Syntax

Automatic URL Linking: https://github.com/bytedance/bytemd

The world is flat. We now know that the world is round.

  • Write the press release
  • Update the website
  • Contact the media
SyntaxDescription
HeaderTitle
ParagraphText

Footnotes

Here's a simple footnote,1 and here's a longer one.2

Gemoji

Thumbs up: 👍, thumbs down: 👎.

Families: 👨‍👨‍👦‍👦

Long flags: 🏴󠁧󠁢󠁷󠁬󠁳󠁿, 🏴󠁧󠁢󠁳󠁣󠁴󠁿, 🏴󠁧󠁢󠁥󠁮󠁧󠁿.

Math Equation

Inline math equation:

Mermaid Diagrams

A
B
C
D

Footnotes

  1. This is the first footnote.

  2. Here's one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    { my code }

    Add as many paragraphs as you like.

Markdown Cheatsheet

  • Heading 1
    # heading
  • Heading 2
    ## heading
  • Heading 3
    ### heading
  • Bold
    **bold text**
  • Italic
    *italic text*
  • Quote
    > quoted text
  • Link
    [link text](url)
  • Image
    ![alt](url "title")
  • Code
    `code`
  • Code block
    ```lang↵
  • Unordered list
    - item
  • Ordered list
    1. item
  • Horizontal rule
    ---
  • Strikethrough
    ~~text~~
  • Task list
    - [ ] todo
  • Inline formula
    $formula$
  • Block formula
    $$↵formula↵$$
  • Mermaid diagrams
    ```mermaid

Shortcuts

  • Bold
    Ctrl-B
  • Italic
    Ctrl-I
  • Link
    Ctrl-K
  • Image
    Shift-Ctrl-I
  • Code
    Shift-Ctrl-K
  • Code block
    Shift-Ctrl-C
  • Unordered list
    Shift-Ctrl-U
  • Ordered list
    Shift-Ctrl-O

Table of contents

  • Markdown Basic Syntax
  • GFM Extended Syntax
  • Footnotes
  • Gemoji
  • Math Equation
  • Mermaid Diagrams
  • Footnotes
Words: 256Lines: 94
Scroll to top