Markdown editor blogs

• Markdown and extension Markdown’s concise syntax
• Code block highlight
• Picture link and picture upload
• LaTexA mathematical formula
• UML sequence diagrams and flowcharts
• Blogging offline
• Import and export Markdown files
• Rich keyboard shortcuts

shortcuts

• boldCtrl + B
• italicsCtrl + I
• referenceCtrl + Q
• Insert the linkCtrl + L
• Insert the codeCtrl + K
• Insert the pictureCtrl + G
• Promote the titleCtrl + H
• An ordered listCtrl + O
• Unordered listCtrl + U
• Horizontal lineCtrl + R
• undoCtrl + Z
• redoCtrl + Y

Markdown and extension

Markdown is a lightweight markup language that allows people to write documents in plain text format that is easy to read and write, and then convert them into richly formatted HTML pages. — [Wikipedia]

Use simple symbols to identify different headings, mark some text in bold or italic, create a link, etc. .

This editor supports Markdown Extra, which extends many useful features. For details, see Github.

form

MarkdownExtra table syntax:

Colons can be used to define alignment:

### define list

MarkdownExtra defines list syntax: Item 1 item 2: Define A: Define B

Project 3: Define C

: define D

> define D contentCopy the code

The code block

Block syntax follows standard Markdown code, for example:

@requires_authorization
def somefunc(param1=' ', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = '''interpreter
.prompt'''
Copy the code

[^footnote]: Here is the content of the footnote.

directory

Use [TOC] to generate a directory:

[TOC]

A mathematical formula

Render LaTex mathematical formulas using MathJax, see math.stackexchange.com.

• $\Gamma(n) = (n-1)! \ quad \ forall n \ \ mathbb n $in.
• Block level formula:

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

More LaTex syntax is available here.

UML diagrams:

Can render sequence diagrams:

Li Si: Hey, xiao Si, have you written your blog?

Reference Right of Li Si li Si froze for a moment and said:

Li Si --> Zhang SAN: busy vomiting blood, which have time to write.

Copy the code

Or flow charts:

St = > start: start

E = > end: end

Op =>operation: Indicates my operation

Cond = > condition: confirmation?



st->op->cond

cond(yes)->e

cond(no)->op

Copy the code

• For sequence diagram syntax, see here,
• For flowchart syntax, see here.

Blogging offline

Even in the absence of network users, can also use the offline blog editor (directly in the browser used input write.blog.csdn.net/mdeditor can. The Markdown editor uses offline storage in the browser to save content locally.

When a user writes a blog, the content is stored in the browser cache in real time and will not be lost if the user closes the browser or in other abnormal circumstances. When the user opens the browser again, the unpublished content that the user was editing last time is displayed.

The local cache will be deleted after the blog is published.

Users can choose to save the blog they are writing to the server draft box, even if they change browsers or clear the cache, the content will not be lost.

** Note: ** Although browser storage is reliable most of the time, for your data security, be sure to publish or save to the server draft box as soon as you connect to the Internet.

## Browser compatibility

1. This editor has the most complete support for Chrome. You are advised to use newer versions of Chrome.
2. Internet Explorer 9 is not supported
3. Internet Explorer 9, 10, and 11 have the following problems
   1. The offline function is not supported
   2. Internet Explorer 9 does not support file import or export
   3. Internet Explorer 10 does not support drag-and-drop file import