介绍

除了Markdown内置的内容元素,还可以通过区块添加各种类型的内容,从而无限扩展Markdown编辑器的能力,比如:插入一个地图子页面、插入一首音乐,插入一段视频,等等

使用阶段

Markdown区块有两个使用阶段:

  1. 输出(render):当Markdown内容输出为HTML内容时,包含的区块也需要输出为HTML内容。区块可以在这个阶段输出一些相对固定的静态内容

  2. 渲染(mount/unmount):当HTML内容显示时,可以让区块执行自定义逻辑,从而实现动态功能

使用场景

不同的使用阶段有不同的使用场景

  1. 输出阶段有两种使用场景:

    1. 后端场景:在后端输出为HTML内容

    2. 编辑场景:在Markdown富文本编辑器中进行所见即所得的渲染时需要先实时输出为HTML内容

  2. 渲染阶段有三种使用场景:

    1. 编辑场景:在Markdown富文本编辑器中进行所见即所得的渲染

    2. 查看场景:当查看Markdown内容时,使用组件eb-markdown-render进行渲染

    3. CMS查看场景:当Markdown内容由CMS渲染引擎输出成静态文件后,直接在html文件中渲染

使用演示

下面以音频为例,演示不同场景下Markdown区块的使用效果

1)编辑场景

markdown-block-edit-zhcn

2)查看场景

markdown-block-view-zhcn

3)CMS查看场景

markdown-block-viewcms-zhcn