MWeb is a professional Markdown writing, note taking, and static blog generator app for Mac, iPad, and iPhone. Here are some special features of MWeb.

The software

• Made with supporting native technologies in mind. It is always a perfect integration with the platform.
• Aiming for modern UI and high performance, also being powerful, easy-to-use, and fully-featured.

Markdown

The powerful syntax

• Use the GitHub Flavored Markdown (GFM) by default.
• Included with the support of creating tables, TOCs, LaTeX math, fenced code blocks, task lists, footnotes, and many more.
• Easily generate graphics with any of mermaid, Graphviz, ECharts, PlantUML, js-sequence-diagrams, and flowchart.js.

Editing assistant

• Gracefully handle image insertion: direct copy and paste, drag and drop, and full-colored preview in the editor.
• Specify the image size in Markdown-compatible syntax.
• Inserting tables and LaTeX equations with ease.

Note taking

• Store and manage all documents in a tree-like categoring library with a tagging system. Categories can be gracefully exported or turned into static websites.
• Put quick notes.
• Instantly search from the entire library.

Output

• Exporting contents as various formats, including HTML, EPUB, PDF, RTF, Docx, and even image.
• Publishing the articles to Wordrpess, Metaweblog API, Wordpress.com, Evernote, Blogger, Medium, Ghost, and Tumblr.
• Smooth support for image upload services: using Imgur, SM.MS, Qiniu, Upyun, Tencent Cloud COS, Aliyun OSS or your custom API.

External documentation

• There is an external mode in MWeb that enables importing existing markdown files in directories. It also handles contents from Gitbook, JekyII and Hexo.

MWeb official help

Before use MWeb, we suggest that reading the MWeb official help document: https://www.mweb.im/help.html first. If you use the Library Mode, please check out this link https://www.mweb.im/mweb-library.html first.

Help us to make MWeb better!

1. Spread the words! Tell your friends about MWeb if you like it.
2. Send Feedback: coderforart+2333@gmail.com
3. Leave a review or at least a rating in the Mac App Store.

GFM syntax guide

Newlines

End a line with two or more spaces + enter. Just typing enter to newline,please go to Settings and enable "Translate newlines to <br> tags" ( default is enable ).

Task lists

Example:

- [ ] task one not finish `- + SPACE + [ ]`
- [x] task two finished `- + SPACE + [x]`

Result:

• task one not finish - + SPACE + [ ]
• task two finished - + SPACE + [x]

Image size and alignment (Only in MWeb)

Setting image width, align left, align right, align center syntax. For example: ![image description-w450](pic.jpg), -w450 mean set the image width: 450. ![-l500](pic.jpg) --> align left, width:500. ![-r500](pic.jpg) --> align right, width:500. ![-c500](pic.jpg) --> align center, width:500.

Multi-line code

Example:

```js
function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }

}
```

Result:

function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }

}

Tables

Example:

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

You can create tables by assembling a list of words and dividing them with hyphens - (for the first row), and then separating each column with a pipe |:

Result:

Strikethrough

Example:

 (like ~~this~~)

Result:

Any word wrapped with two tildes (like this) will appear crossed out.

LaTeX

Markdown syntax:

Block-level formula:
```math
x = \dfrac{-b \pm \sqrt{b^2-4ac}}{2a}
```

In-line formula: ``\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N``

The resut is (enable LaTeX in the settings page):

Block-level formula:

x = \dfrac{-b \pm \sqrt{b^2-4ac}}{2a}

In-line formula: \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N

Note: For compatibility with MWeb 3, $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ is also supported And block-level syntax $$ x = \dfrac{-b \pm \sqrt{b^2-4ac}}{2a} $$ But it is recommended to use the new syntax.

MWeb drawing

mermaid

mermaid is a popular drawing gallery. It supports flowcharts, sequence diagrams and Gantt charts. Its official website is: https://mermaidjs.github.io/. The syntax of mermaid in MWeb is to declare code blocks. The language is mermaid, and the mermaid drawing grammar can be written in the code block. You can copy the following grammar to MWeb to view the result.

```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->John: Hello John, how are you?
    loop Healthcheck
        John->John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail...
    John-->Alice: Great!
    John->Bob: How about you?
    Bob-->John: Jolly good!
```

The result is:

sequenceDiagram
    participant Alice
    participant Bob
    Alice->John: Hello John, how are you?
    loop Healthcheck
        John->John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail...
    John-->Alice: Great!
    John->Bob: How about you?
    Bob-->John: Jolly good!

echarts

echarts is a js drawing gallery produced by Baidu. Its website is: https://echarts.apache.org/zh/index.html. It has very powerful functions. MWeb supports some basic usages of echarts, but not too advanced. . You can copy the following syntax to MWeb to try. You can also go to https://echarts.apache.org/examples/zh/index.html to view some examples. Note that MWeb can only parse the simple option = {}, but it should It is enough to use.

```echarts
option = {
    xAxis: {
        type:'category',
        data: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
    },
    yAxis: {
        type:'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type:'line'
    }]
};
```

The result is:

option = {
    xAxis: {
        type:'category',
        data: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
    },
    yAxis: {
        type:'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type:'line'
    }]
};

Footnote

Example:

This is a footnote:[^1]

Result:

This is a footnote:¹

Comment And Read More..