cherry-markdown
时间: 2023-09-08 21:15:19 浏览: 64
cherry-markdown 是一个用于在 Node.js 环境中将 Markdown 转换为 HTML 的库。它支持标准的 Markdown 语法以及 GitHub Flavored Markdown (GFM) 语法,并且提供了一些额外的功能,例如语法高亮、表格解析和 Emoji 支持等。
cherry-markdown 的使用非常简单,只需要在 Node.js 中安装并引入库,然后调用相应的方法即可。以下是一个简单的示例:
```
const cherryMarkdown = require('cherry-markdown');
const markdown = '# Hello, world!';
const html = cherryMarkdown.render(markdown);
console.log(html);
```
上面的代码将会输出以下内容:
```
<h1>Hello, world!</h1>
```
除此之外,cherry-markdown 还支持一些配置选项,例如自定义解析器、扩展语法和渲染器等。具体的使用方法可以参考官方文档。
相关问题
vue 中使用cherry-markdown
Cherry Markdown是一个基于Vue.js的Markdown组件库,可以很方便地在Vue项目中使用。以下是使用Cherry Markdown的步骤:
1. 安装Cherry Markdown
可以使用npm或yarn安装Cherry Markdown:
```
npm install cherry-markdown
```
或者
```
yarn add cherry-markdown
```
2. 在Vue项目中引入Cherry Markdown
在Vue项目的main.js文件中引入Cherry Markdown:
```js
import Vue from 'vue'
import CherryMarkdown from 'cherry-markdown'
Vue.use(CherryMarkdown)
```
3. 在Vue组件中使用Cherry Markdown
在Vue组件中使用Cherry Markdown组件:
```vue
<template>
<div>
<cherry-markdown :source="markdown"></cherry-markdown>
</div>
</template>
<script>
export default {
data() {
return {
markdown: '# Hello, Cherry Markdown'
}
}
}
</script>
```
在这个例子中,我们将Markdown源代码传递给Cherry Markdown组件的source属性。Cherry Markdown会自动将Markdown源代码转换为HTML并显示出来。
除了source属性,Cherry Markdown还支持其他属性,如theme、highlight等。你可以查看Cherry Markdown的文档以了解更多信息。
vue3 中使用cherry-markdown
Cherry Markdown 是一个基于 Vue.js 的 Markdown 编辑器,支持实时预览和自定义主题等功能。在 Vue 3 中使用 Cherry Markdown 需要先安装 cherry-markdown 和 marked 两个库。
首先安装 cherry-markdown 和 marked:
```
npm install cherry-markdown marked
```
然后在 Vue 组件中引入 cherry-markdown 和 marked:
```javascript
import CherryMarkdown from 'cherry-markdown'
import marked from 'marked'
export default {
components: {
CherryMarkdown
},
data() {
return {
markdown: '# Hello World'
}
},
computed: {
html() {
return marked(this.markdown)
}
}
}
```
最后在模板中使用 CherryMarkdown 组件并传入 markdown 和 html:
```html
<template>
<div>
<cherry-markdown v-model="markdown" :html="html"></cherry-markdown>
</div>
</template>
```
以上代码会在页面中渲染一个 Markdown 编辑器,并且实时预览 Markdown 渲染后的 HTML 代码。你可以根据需要自定义 Cherry Markdown 的主题色等样式。