@bend-corp/md-editor

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