Watch 1 Star 0 Fork 0

orh / vue-markdown-editorCSS

Join us
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
readme.md

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

Comments ( 0 )

Sign in for post a comment

CSS
1
https://gitee.com/orh/vue-markdown-editor.git
git@gitee.com:orh/vue-markdown-editor.git
orh
vue-markdown-editor
vue-markdown-editor
master

Help Search