2021SC@SDUSC amis代码分析(13)

2021SC@SDUSC

概述

本周学习amis中使用的markdown编辑器。

实现

它使用两款关于markdown的插件：

• markdown-it：是一个用来解析markdown的库，它能够将markdown代码编译为html代码。
• markdown-it-html5-media：一种极简主义的 markdown-it 插件

首先封装一下 markdown 解析器：

/**
 * @file markdown 解析
 */
// markdown 解析插件
import markdownIt from 'markdown-it';
// @ts-ignore // 
import {
   html5Media} from 'markdown-it-html5-media';

// 初始化
const markdown = markdownIt({
   
  linkify: true // 将类似 URL 的文本自动转换为链接。
});
// 使用插件
markdown.use(html5Media);
// 对 content 内容解析成 html 文本