@bend-corp/md-editor-new NPM

bend-editor

For Users

VEditor

import VEditor from '@bend-corp/md-editor-new'
// Or
import VEditor from '@bend-corp/md-editor-new/VEditor/index.common'

// enabling styles
import '@bend-corp/md-editor-new/dist/VEditor/index.css'

Props

name	type	v-model	sync
value	`string`	○	○
width	`string\|number`
height	`string\|number`
options	`Options`
monacoOptions	see monaco-editor
error	`boolean`		○
errors	`number`		○

`Options`

type Options = {
  sync?: boolean
  preview?: boolean
}

VPreviewer

import VPreviewer from '@bend-corp/md-editor-new/dist/VPreviewer/index.common'
import '@bend-corp/md-editor-new/dist/VPreviewer/index.css'

Props

name	type
value	`string`
components	`Components`
mdOptions	`MarkdownIt.Options`
mdDisableRules	`string[]`
mdPlugins	`MarkdownIt.Plugin[]`
trimBottomMargin	`boolean`
line	`number`

`Components`

type Components = {
  type: string | RegExp
  component: VueConstructor
}[]

For Developers

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Npm publish

yarn build

yarn publish --access public

yarn publish command requries 2FA auth with Password and Google Authenticator

Provided values

Editor

_eventBus_
_stores_

Previewer

_tokens_