@nobeta/vrind

Vrind 的 Vue 3 Markdown 编辑器组件包。

安装

npm install @nobeta/vrind

使用

<script setup lang="ts">
import { ref } from 'vue'
import { VrindEditor } from '@nobeta/vrind'
import '@nobeta/vrind/style.css'

const markdown = ref('# Hello Vrind')
const assetBaseUrl = import.meta.env.BASE_URL.replace(/\/+$/, '')
</script>

<template>
  <VrindEditor
    v-model="markdown"
    :asset-base-url="assetBaseUrl"
  />
</template>

Vite 静态资源

在 vite.config.ts 中启用随包提供的资源插件：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { vrindAssets } from '@nobeta/vrind/vite'

export default defineConfig({
  plugins: [vue(), vrindAssets()],
})

插件会在开发环境提供资源，并在生产构建时复制所需的 Lute、代码高亮、KaTeX、Mermaid、Markmap、PlantUML、图标和内容主题。资源本地分发，不依赖 CDN。

导出

• VrindEditor
• VrindPreview
• Vue 安装插件
• 组件 Props、事件和编辑器实例类型

License

MIT