vue-markdown-editor-orh

Vue markdown editor and marked
784 1
Install
npm install vue-markdown-editor-orh
Latest Version:1.1.2
Vue:2
License:MIT
Last Updated:Dec 14, 2022
Links: GitHub  ·  npm
Maintainer: orh

vue-markdown-editor

具备 markdown 编辑器和 markdown 文本解析显示功能

examples

常规

<link href="path/vue-markdown-editor/css/index.css" rel="stylesheet">

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<script src="path/vue-markdown-editor/js/index.js"></script>

NPM

  1. 安装
yarn add vue-markdown-editor-orh --dev
  1. 引入 js
import vueMarkdownEditor from 'vue-markdown-editor-orh';

Vue.use(vueMarkdownEditor);
  1. 引入样式
@import "~vue-markdown-editor-orh/dist/css/index";

使用编辑器

<vue-markdown-editor v-model="content"></vue-markdown-editor>
属性 说明 类型 默认值
value markdown 文本,可以使用 v-model 双向绑定数据 String 空
options 可传入 simplemde-markdown-editor 的所有配置 Object {}
name 表单 textarea 的 name 属性 String -

使用解析器

<vue-marked :value="content"></vue-marked>
属性 说明 类型 默认值
value markdown 文本 String 空

Related Packages

vuetify-markdown-editor

A Vue.js Component for editing and previewing markdown.

6,550 60
vue-md-editor

A markdown editor with Vue.js

1,381 31
xkeditor

An Editor Supporting Rich Text and Markdown

939 57
vue-markdown-view-hsfy

A markdown editor with Vue.js

518
tax-markdown

Streaming-friendly, extensible Markdown renderer for Vue 3

1,474

Version History

Version Released Vue License
1.1.2 ^2.6.10 MIT
1.1.1 ^2.6.10 MIT
1.1.0 ^2.6.10 MIT
1.0.2 ^2.6.10 MIT
1.0.1 ^2.6.10 MIT