bend md editor
How to start development
requirements
- node 14.0.0
$ yarn
$ yarn serve
demo
https://bend-corporation.github.io/bend-editor/
installation
npm i --save @bend-corp/md-editor
How to publish
yarn build-and-publish
usage
using editor
First, import plugin
import editor from '@bend-corp/md-editor'
import '@bend-corp/md-editor/lib/editor/bend-editor.css'
import Vue from 'vue'
Vue.use(editor)
Then, you can use in each component
<template>
<v-editor
v-model="src"
/>
</template>
<script>
export default {
data: () => ({
src: '',
}),
}
</script>
using only previewer
In each component, you can import previewer component.
<template>
<previewer
:html="compiledMD"
/>
</template>
<script>
import { previewer, md } from '@bend-corp/md-editor'
import '@bend-corp/md-editor/lib/previewer/previewer.css'
export default {
name: 'AMd',
components: {
previewer,
},
props: {
src: {
type: String,
default: '',
},
},
computed: {
compiledMD() {
return md.render(this.src)
},
},
}
</script>
props
name | type |
---|---|
value | string |
ignoreTopMargin | boolean |
ignoreBottomMargin | boolean |
readonly | boolean |
noToolbar | boolean |
ignoreParentValueUpdate | boolean |
apiEndpoint | string |