分析svelte组件中的markdown
分析svelte组件中的markdown
提问于 2020-03-26 05:23:33
如果这是一个天真的问题，请原谅。我想在Svelte组件中解析markdown，例如
<script>
--- import some markdownLibrary ---
export let text; // text is a markdown param
</script>
markdownLibrary.render({text})我无法使用markdown-it或marked，因为require不可用。
我觉得我错过了更大的图景。什么是“轻薄”的方式呢？任何指针都会有帮助。
回答 3
Stack Overflow用户
回答已采纳
发布于 2020-03-26 16:48:59
在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>Stack Overflow用户
发布于 2020-03-28 01:45:50
我使用标记。我通过将svelte可以看到的变量分配给marked来玩弄系统。
<script>
let _marked = marked
let md = `
# Hello
## How are you?
This text is _bold_
`
</script>
<div>
{@html _marked(md)}
</div>Stack Overflow用户
发布于 2021-03-22 20:03:40
公认答案的问题是，它依赖于不安全的@html。
有一个svelte组件可以在不使用@html的情况下呈现标记
https://www.npmjs.com/package/svelte-markdown
yarn add svelte-markdown<script>
import SvelteMarkdown from 'svelte-markdown'
const source = `
# This is a header
This is a paragraph.
* This is a list
* With two items
1. And a sublist
2. That is ordered
* With another
* Sublist inside
| And this is | A table |
|-------------|---------|
| With two | columns |`
</script>
<SvelteMarkdown {source} />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60857589
复制相关文章
相似问题
腾讯云开发者
