node.js - 解析瘦组件内的 Markdown

Question

如果这是一个幼稚的问题，请原谅。
我想在 Svelte 组件中解析 Markdown ，例如

<script>
  --- import some markdownLibrary ---
  export let text; // text is a markdown param
</script>

markdownLibrary.render({text})

我不能用 markdown-it或 marked如 require不可用。

我觉得我在这里错过了更大的图景。这样做的“ slim ”方式是什么？任何指针都会有所帮助。

Answer 1

在 Svelte 中使用 Markdown 很简单，但您必须记住，许多 Markdown 库都希望找到 node/requirejs 等，因此您必须正确配置您的捆绑器以适应这一点。

要在 Svelte 中简单地使用 Markdown，请选择一个开箱即用的支持现代 JavaScript 的库:

<script>
  import snarkdown from 'snarkdown'

  let md = `
    # Hello

    ## How are you?

    This text is _bold_
  `
</script>

<div>
{@html snarkdown(md)}
</div>