CSDN-markdown editor

Welcome to blogging with the Markdown editor

Half-sized blanks  or  
Full-sized blanks  or  
Uninterrupted blanks  or 

This Markdown editor is modified with StackEdit , and writing blogs with it will bring a new experience:

  • Markdown and extended Markdown concise syntax
  • code block highlighting
  • Image link and image upload
  • LaTex math formulas
  • UML sequence diagrams and flowcharts
  • Blogging offline
  • Import and export Markdown files
  • Rich shortcut keys

hot key

  • boldCtrl + B
  • ItalicsCtrl + I
  • quoteCtrl + Q
  • insert linkCtrl + L
  • insert codeCtrl + K
  • Insert pictureCtrl + G
  • boost titleCtrl + H
  • ordered listCtrl + O
  • unordered listCtrl + U
  • horizontal lineCtrl + R
  • revokeCtrl + Z
  • redoCtrl + Y

Markdown and extensions

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

Use simple symbols to identify different headings, mark certain text as bold or italic , create a link , etc. See help for detailed syntax? .

This editor supports Markdown Extra , extending many useful functions. Please refer to Github for details .

sheet

Markdown Extra table syntax:

project price
Computer $1600
Phone $12
Pipe $1

Alignment can be defined using colons:

project price quantity
Computer 1600 yuan 5
Phone $12 12
Pipe 1 Yuan 234

Definition list

Markdown Extra  defines list syntax:
item 1
item 2
Definition A
Definition B
item 3
Definition C

Definition D

define D content

code block

Code 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'''

footnote

Generate a footnote 1 .

content

Use [TOC]to generate the directory:

Mathematical formula

Render LaTex math equations with MathJax, see math.stackexchange.com for details .

  • Inline formula, the mathematical formula is: Γ ( n ) = ( n 1 ) ! n N
  • Block level formula:

x = b ± b 2 4 a c 2 a

More LaTex syntax can be found here .

UML php:

Sequence diagrams can be rendered:

Created with Raphaël 2.1.2 张三 张三 李四 李四 嘿,小四儿, 写博客了没? 李四愣了一下,说: 忙得吐血,哪有时间写。

Or flow chart:

Created with Raphaël 2.1.2 开始 我的操作 确认? 结束 yes no
  • For sequence diagram syntax, refer to here ,
  • For flowchart syntax, refer here .

Blogging offline

Even if users do not have a network, they can write blogs offline through this editor (just enter write.blog.csdn.net/mdeditor in the browser they have used before . The Markdown editor uses the browser offline storage to store The content is saved locally.

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

After the blog is published, the local cache will be deleted. 

User can chooseSave the blog you are writing to the server draft, even if you change the browser or clear the cache, the content will not be lost.

Note: Although browser storage is reliable most of the time, for your data security, please be sure to publish it in time or save it to the server draft box after connecting to the Internet .

Browser Compatible

  1. At present, this editor has the most complete support for the Chrome browser. We recommend that you use a newer version of Chrome.
  2. IE9 and below are not supported
  3. IE9, 10, 11 have the following problems
    1. Offline functionality is not supported
    2. IE9 does not support file import and export
    3. IE10 does not support drag and drop file import


  1. Here are the footnotes .

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325474836&siteId=291194637