问题标签 [markdown-it]

在当前示例中，将 Markdown 片段移植到 HTML，输出显示在 DIV（ID 内容）中。

高亮功能 (hljs.highlight) 设置为选项 markdown-it (md)。然而，这没有被执行。

我必须更改什么才能使输出使用 highlight.js？

我有以下降价：

markdown-it 呈现这样的：

但实际上我想把它渲染成这样的东西：

我怎样才能做到这一点？

我正在尝试对如何制作 markdown-it 插件进行一些研究，特别是让它使用下载 SVG 文件fetch并将结果嵌入到行中。但是，根据文档，规则不允许是异步的，并且它们没有提供实现随机数并替换它的示例。

我正在使用 markdown-it 来呈现我的 .md 文件。有时我需要更大的表格，但如果我使用默认语法，这些表格很难阅读。

这很难读

这好多了，有没有办法拥有这样的东西？

我的reactjs网络应用程序显示提要帖子内容看起来像Facebook Workplace。​我的post数据 API：

我使用 libmardown-it将 markdown 字符串转换为 HTML。发布需要查看更多/隐藏内容（如 facebook 工作场所）。获取折叠内容时我被卡住了。

例子：

完整内容："blah blah some (and very long text) **text** blah blah"

完整内容 HTML：<p>blah blah some (and very long text) <strong>text</strong>blah blah</p>

折叠内容（从 markdownText 截取）："blah blah some (and very long text) **tex"

我得到了错误的折叠内容 HTML：<p>blah blah some (and very long text) **tex</p>

我的期望：<p>blah blah some (and very long text) <strong>tex</strong></p>

我怎样才能获得完全折叠的 HTML，如 facebook 工作场所帖子。感谢您的帮助。

我以这种方式在 nuxt vue 中应用降价。

在doc.md文件中，我需要添加图像，但是如何解析图像路径？ http://localhost:3000/guide/~@/assets/images/create.jpg 404 (Not Found)

现在的问题是

将markdown字符串转换为HTML内容时，img将转换为实际<img>标签。

我想要的是允许用户click在该图像上，然后弹出一个模式，用户可以在其中访问更大尺寸的 iamge。

如果<img>可以用自定义的 Vue 组件替换标签，那么一切都会变得更简单。但我该怎么做呢？

我目前正在尝试为名为 markdown-it-meta 的 Markdown-it 插件库创建类型声明文件。

markdown-it 类有一个名为 use 的函数，它基本上接收一个回调函数，然后改变 this 关键字并返回 void。（我理解代码的方式）。

问题在于，提供上述回调函数的库实际上向 this 对象添加了一个新属性。

现在我正在寻找一种方法来正确更新 this 关键字，每当我调用 use 函数时。

这是一个例子：

到目前为止我所拥有的：

所以我有一些想法：

• 我已经看到 markdown-it 类型声明文件有 3 种不同的函数重载类型，它们都返回 this。也许我可以做一个新的重载，每当我们采用 markdown-it-meta-plugin-function 类型的函数时，它都会返回 this & {meta: T}。但是我会把这些放在哪里以及如何放置？
• 我的另一个想法是在markdown-it-meta.d.ts 中创建一种新类型的metaPlugin，但是我看不到如何在函数内改变this 关键字。特别是因为它必须返回无效。

非常感谢任何帮助或建议。

提前致谢。

两个库的链接：

• https://github.com/CaliStyle/markdown-it-meta
• https://github.com/markdown-it/markdown-it

我创建了一个函数来在反应应用程序中呈现降价。我需要为其应用一些额外的插件，例如，我们可以在新选项卡中打开链接。但是该插件似乎没有做任何事情。

我们在这里缺少什么吗？

渲染功能：

我正在编写一个 markdown-it 插件，它可以将图像文件转换为 Base64 类型。例如

渲染结果应该是

所以我写了一个这样的小插件

因为我只能获取相对于 markdown 文件路径而不是我的代码路径的路径，所以代码会引发错误。无论如何我可以在插件中获取降价文件路径，还是有其他方法可以实现该功能？