Table

MarkEditor风格的表格语法

项目

价格

描述

尺子

¥2

说明内容,也可为空

本子

¥8 (描述偷懒不写完第三项也可以,不会破坏表格结构)

Tip

¥18

光标在表格区域时,右键点击,有更简单的“编辑表格”命令

第一行是表格的第一栏,每个项的文本中可以追加(-)、(>)、(<)来实现某列内的文本对齐,它们也分别等同于(center)、(right)、(left)。

项目

价格

描述

尺子

¥20

?

本子

¥8

......

Highlight Code

代码高亮语法

通过fenced code的方式(代码块的头尾被三个反引号包裹),然后声明代码语言类型,即可实现代码高亮。不仅仅是最终的HTML预览会处理代码高亮,实时输入的过程中也是高亮的。

s = 'hello world'

代码语言的类型后面跟上:n,则最终在渲染为HTML(预览)的时候,代码块会标示行数。

s = 'hello world'

代码高亮示例

MarkEditor支持超过300种代码类型的高亮,以下是一些示例:

from settings import world

if world == 'mine'......

Markdown CSS 引擎

Markdown 最终会解析为 HTML,本身会采用 p、blockquote、ul、li 等 DOM 类型来表达文本的结构。在实际使用情况中,仅仅这些结构不足以满足排版的需要,因此,MarkEditor 在解析 Markdown 的时候,会进行一定结构性推断,赋予当前 DOM 元素一定的 class name,来标识潜在的文本语义结构。

那么,完成最终页面排版的 CSS 样式,就可以根据这些 css name,来实现更复杂一些的排版。

基本段落、行

md_block 表示段落,一般(源文本中)两个空行会产生段落的分割

md_line 表示行

md_line_dom_embed 当......