BeginEdit-MK

一款基于MarkDown-it的编辑器

• MarkDown样式表使用github-markdown-css
• Code代码块使用highlight.js
• Emoji表情包markdown-it-emoji

install（安装）

npm i beginedit-mk@latest

公开方法

• BeginEdit
  • 编辑器
• BeginEditToolBarItem
  • 编辑器的toolbar工具栏
• BeginEditConfig
  • 编辑器的配置

待完善

引入到项目

demo.vue

<template>
    <div>
        <BeginEdit v-model:Code="Code" v-model:Html="Html"/>
    </div>
</template>
<script setup>
import { ref } from "vue"
// 引入编辑器
import { BeginEdit } from 'beginedit-mk'
// 引入样式
import "beginedit-mk/Style"
// Markdown的源码
const Code = ref('');
// HTML源码
const Html = ref('');
</script>

MarkDown内容 渲染后的HTML视图

有任何疑问请联系[email protected]