Markdown plus

Markdown Plus

Markdown Plus (“M+” or “mdp” for short) is a markdown editor with extra features.

Apps

We currently don’t accept donations.
The best way to support our development is to buy our apps.

Markdown Plus

Markdown Plus is available for both OS X and Windows. You get every feature of the web version plus lots of advanced features.

Markdown Mate

Markdown Mate is a markdown previewer, it’s not going to replace your favorite editor but handles everything about markdown.

::: success
We provide email support to those who have purchased the apps: service@tylingsoft.com
:::

---

Table of Contents

Note: Only h2 and h3 are shown in toc.

Mastering Markdown

Markdown allows you to write using an easy-to-read, easy-to-write plain text format, which then converts to valid HTML for viewing.

Mastering Markdown Guide.

strikethrough

++insert++

==mark==

Subscript: H~2~O

You can also use inline math: $H_2O$

Superscript: 29^th^

You can also use inline math: $29^{th}$

Emoji: :panda_face: :sparkles: :camel: :boom: :pig:

Emoji Cheat Sheet

Fontawesome: :fa-cab: :fa-flag: :fa-bicycle: :fa-leaf: :fa-heart:

All the Font Awesome icons

Ionicons: :ion-printer: :ion-social-tux: :ion-lock-combination: :ion-ios-medkit: :ion-coffee:

All the Ionicons icons

print 'hello code'

evens = [1, 2, 3, 4, 5].collect do |item|
  item * 2
end

$(document).ready(function() {
  $('pre code').each(function(i, block) {
    hljs.highlightBlock(block);
  });
});

Code Formatting

Tables and alignment

First Header	Second Header
Content from cell 1	Content from cell 2
Content in the first column	Content in the second column

Left-Aligned	Center Aligned	Right Aligned
col 3 is	some wordy text	$1600
col 2 is	centered	$12

Table Syntax

Task list

• [ ] a bigger project
  
  • [x] first subtask
  • [x] follow up subtask
  • [ ] final subtask
• [ ] a separate task

Task List Syntax

Abbreviation

Markup is based on php markdown extra definition, but without multiline support:

*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium
The HTML specification
is maintained by the W3C.

Footnote

Here is a footnote reference,1 and another.2

Subsequent paragraphs are indented to show that they

belong to the previous footnote.

Here is an inline note.^[Inlines notes are easier to write, since
you don’t have to pick an identifier and move down to type the
note.]

Footnote Syntax

Mathematical formula $y = x^2$

Inline math: $\dfrac{ \tfrac{1}{2}[1-(\tfrac{1}{2})^n] }{ 1-\tfrac{1}{2} } = s_n$.

Math block:

$$\oint_C x^3\, dx + 4y^2\, dy\\ 2 = \left( \frac{\left(3-x\right) \times 2}{3-x} \right)\\ \sum_{m=1}^\infty\sum_{n=1}^\infty\frac{m^2\,n} {3^m\left(m\,3^n+n\,3^m\right)}\\ \phi_n(\kappa) = \frac{1}{4\pi^2\kappa^2} \int_0^\infty \frac{\sin(\kappa R)}{\kappa R} \frac{\partial}{\partial R} \left[R^2\frac{\partial D_n(R)}{\partial R}\right]\,dR$$

Mathematical Formula Syntax

Flowchart

http://flowchart.js.org/
Flowchart Syntax(outdated)

::: warning
Adding many flowcharts will slow down the editor.
:::

Sequence diagram

Sequence Diagram Syntax

::: warning
Adding many sequence diagrams will slow down the editor.
:::

Gantt diagram

    dateFormat  YYYY-MM-DD
    title Adding GANTT diagram functionality to mermaid

    section A section
    Completed task            :done,    des1, 2014-01-06,2014-01-08
    Active task               :active,  des2, 2014-01-09, 3d
    Future task               :         des3, after des2, 5d
    Future task2               :         des4, after des3, 5d

    section Critical tasks
    Completed task in the critical line :crit, done, 2014-01-06,24h
    Implement parser and jison          :crit, done, after des1, 2d
    Create tests for parser             :crit, active, 3d
    Future task in critical line        :crit, 5d
    Create tests for renderer           :2d
    Add to mermaid                      :1d

    section Documentation
    Describe gantt syntax               :active, a1, after des1, 3d
    Add gantt diagram to demo page      :after a1  , 20h
    Add another diagram to demo page    :doc1, after a1  , 48h

    section Last section
    Describe gantt syntax               :after doc1, 3d
    Add gantt diagram to demo page      : 20h
    Add another diagram to demo page    : 48h

Gantt Diagram Syntax

::: warning
Adding many gantt diagrams will slow down the editor.
:::

Custom Container

Markup is similar to fenced code blocks. Valid container types are success, info, warning and danger.

::: info
You have new mail.
:::

::: danger
Staying up all night is bad for health.
:::

Definition list

Term 1
~ Definition 1

Term 2
~ Definition 2a
~ Definition 2b

Definition List Syntax

HTML

If you find the markdown syntax too limited, you can try some HTML:

---

1. Here is the footnote. ↩
2. Here’s one with multiple blocks. ↩