【源码】基于Vue框架的Markdown编辑器

项目简介

这是一款基于Vue框架，借助marked和highlight.js开发的Markdown编辑器。它不仅具备常见的Markdown编辑功能，还拥有快捷输入、图片粘贴、代码复制、全屏编辑、预览等特色功能。使用简单，仅需几行代码就能在页面引入，并且可通过已有属性对功能和样式进行基本配置，也能进行深度定制。

项目的主要特性和功能

1. 使用便捷：安装npm包引入项目即可使用，无需繁琐初始化配置。
2. 扩展性强：支持常见功能配置，可在原有组件基础上二次开发。
3. 体积小巧：npm包删除了highlight.js和codemirror里的依赖，加载速度快。
4. 主题灵活：默认支持四种代码块风格，可定制主题样式。
5. 功能丰富：专业版使用codemirror实现编辑窗口，可识别Markdown语法，还具备键盘事件监听功能。
6. 实时预览：可实时将输入的Markdown语法编译并渲染到预览区域。

安装使用步骤

安装依赖

使用npm安装

npm i -S vue-meditor

将组件复制到项目内

复制src文件夹下内容至components文件夹下。

在项目中使用

npm包安装时

• 简单版 js import Markdown from 'vue-meditor'
• 专业版 js import { MarkdownPro } from 'vue-meditor'
• 预览组件 js import { MarkdownPreview } from 'vue-meditor'

复制组件到本地时（推荐）

• 简单版 js import Markdown from '@/components/markdown/...';
• 专业版 js import MarkdownPro from '@/components/markdown/pro';
• 预览组件 js import MarkdownPreview from '@/components/markdown/preview';

在页面内使用

```vue

```

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】