Markdown plus

来源:互联网 发布:交管12312软件下载 编辑:程序博客网 时间:2024/06/14 20:29

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

  • Markdown Plus
    • Apps
      • Markdown Plus
      • Markdown Mate
  • Table of Contents
    • Mastering Markdown
    • strikethrough
    • insert
    • mark
    • Subscript H2O
    • Superscript 29th
    • Emoji panda_face sparkles camel boom pig
    • Fontawesome fa-cab fa-flag fa-bicycle fa-leaf fa-heart
    • Ionicons ion-printer ion-social-tux ion-lock-combination ion-ios-medkit ion-coffee
    • print hello code
    • Tables and alignment
    • Task list
    • Abbreviation
    • Footnote
    • Mathematical formula yx 2  y x2
    • Flowchart
    • Sequence diagram
    • Gantt diagram
    • Custom Container
    • Definition list
    • HTML

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

evens = [1, 2, 3, 4, 5].collect do |item|  item * 2end
$(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: 12 [1(12 ) n ]112  =s n  .

Math block:

 C x 3 dx+4y 2 dy2=((3x)×23x ) m=1   n=1  m 2 n3 m (m3 n +n3 m ) ϕ n (κ)=14π 2 κ 2    0 sin(κR)κR R [R 2 D n (R)R ]dR 

Mathematical Formula Syntax

Flowchart

Created with Raphaël 2.1.0http://www.google.comStarthttp://www.google.comMy Operationhttp://www.google.comYesor No?http://www.google.comcatch something...http://www.google.comEndhttp://www.google.comMy Subroutineyesno

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

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

Sequence diagram

Created with Raphaël 2.1.0AliceAliceJohnJohnHello John, how are you?Great!

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:

Fork me on GitHub


  1. Here is the footnote. ↩
  2. Here’s one with multiple blocks. ↩
0 0
原创粉丝点击