0.1.3 • Published 2 years ago

md-simple-editor v0.1.3

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

markdown-editor

安装

yarn add md-simple-editor --save
// or
npm install md-simple-editor --save

使用

import {MarkdownViewer},MarkdownEditor from "md-simple-editor"
import emoji from 'markdown-it-emoji'

const plugins = [{
  plugin:emoji,
  option:{}
}]
<template>
...
<markdown-editor :mdOptions="{html:true}" :mdPlugins="plugins"></markdown-editor>
<markdown-viewer :value="# hello world"></markdown-viewer>
...
</template>

markdownEditor props

NameTypeDefaultDescription
v-modelstring双向绑定
placeholderstring提示信息
isViewbooleantrue是否开启查看器
splitLineRangearray10,90设置编辑器和查看器的分割线的移动范围
themeObject{primaryColor: "#2196f3",hoverColor: "#cccccc50",activeColor: "#cccccc80",lineColor: "#CFD8DC",toolbarColor: "#ECEFF1",backgroundColor: "#ffffff"}设置主题颜色
mdPluginsarray[]参考markdown-it插件使用
mdOptionsobject{}参考markdown-it配置

markdownEditor event

NameparamsDescription
getContentparams content:string 编辑器内容的点击保存后触发事件
focusparams编辑器聚焦事件
blurparams编辑器失焦事件