2.5.13 • Published 2 months ago
@bend-corp/md-editor v2.5.13
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 |
2.5.8
2 months ago
2.5.9
2 months ago
2.5.10
2 months ago
2.5.11
2 months ago
2.5.12
2 months ago
2.5.13
2 months ago
2.5.6
3 months ago
2.5.5
3 months ago
2.5.7
3 months ago
2.5.4
1 year ago
2.5.2
2 years ago
2.5.3
2 years ago
3.1.1
2 years ago
2.4.7
2 years ago
2.4.6
2 years ago
2.4.9
2 years ago
2.4.8
2 years ago
2.5.0
2 years ago
2.5.1
2 years ago
2.4.5
3 years ago
2.4.4
3 years ago
2.4.3
3 years ago
2.4.2
3 years ago
2.4.1
3 years ago
2.4.0
3 years ago
3.1.0
3 years ago
2.3.9
3 years ago
2.3.8
3 years ago
2.3.7
3 years ago
2.3.6
3 years ago