rpharms-vue-editor v0.0.87

vue-editor

A ProseMirror Wrapper for Vue.js with custom plugins for Royal Pharmaceutical Society extras

Installing as a package to be used in a different project

1. Install the npm package

npm install rpharms-vue-editor

2. The Editor component can then be loaded into your project

import Editor from 'rpharms-vue-editor'

export default {
  name: 'MyApp',
  components: {
    Editor
  }
}

Editor

The editor is a component that accepts these props:

• componentId, an String, unique identifies editor components (required)
• value, an Object, JSON value representing the state of the editor (required)
• sources, an Array, containing available sources
• disabled, a Boolean, supress content editing (default = false)
• headings, a boolean, display headings or not (default = false)
• tables, a Boolean, allow tables or not (default = false)
• lists, a Boolean, allow list or not (default = false)
• xrefs, a Boolean, allow cross-references or not (default = false)
• evidence, a Boolean, allow evidence grading or not (default = false)
• targetPublications, a Boolean, allow target publications or not (default = false)
• devTools, a Boolean, enable prosemirror developer mode. See: prosemirror-dev-tools (default = false)