vnote
v0.1.3
Published
Markdown editor designed for sticky notes
Downloads
10
Readme
Vnote
vnote
是一款基于 Vue
的 markdown
文本编辑器,它的风格简约更像是一个便签。
Install
npm i vnote --save-dev
or
yarn add vnote
Usage
// main.js
import vnote from "vnote";
Vue.use(vnote);
// your page
<v-note @get-text="handler" v-model="text"/>
获取到html字符串后,你可以通过下面的方式展示。
// get-text的参数是解析后的字符串,假设为htmlString,配合github-markdown-css使用
<div class="markdown-body" v-html="htmlString"/>
<script>
import 'github-markdown-css' // vnote依赖库,不需要重复下载
</script>
props
|参数|类型|说明| |--|--|--| |isPreview|Boolean|是否显示预览| |width|Number|宽度,默认400| |height|Number|高度,默认800|
event
|事件|参数类型|说明| |-|-|-| |get-text|String|由marked解析出的html字符串|