如何像插件 gatsby-transformer-remark 一样将 markdown 转换为 html（用于 NetlifyCMS）

【问题标题】：How to transform markdown to html like the plugin gatsby-transformer-remark does (for NetlifyCMS)如何像插件 gatsby-transformer-remark 一样将 markdown 转换为 html（用于 NetlifyCMS）
【发布时间】：2021-11-12 22:03:15
【问题描述】：

我想像 plugin gatsby-transformer-remark 一样将 Markdown 字符串转换为 html。

到目前为止，我使用的是showdown。这工作正常，但缺少转换 image editor component 等功能。

我想用与插件 gatsby-transformer-remark 相同的算法来转换 markdown。

有没有现成的解决方案？

【问题讨论】：

标签： html markdown gatsby converters netlify-cms

【解决方案1】：

在对 gatsby-transformer-remark 进行逆向工程后，我找到了这个解决方案：

const remark = require(`remark`);
const mdastToHast = require(`mdast-util-to-hast`);
const hastToHtml = require(`hast-util-to-html`);

const remarker = new remark();

const markdownAst = remarker.parse(data.body);
const htmlAst = mdastToHast(markdownAst, { allowDangorousHtml: true });
const htmlRaw = hastToHtml(htmlAst, { allowDangorousHtml: true });

const html = htmlRaw
  .split('<img src="uploads/')
  .join('<img src="/uploads/');

【讨论】：