horul-editor

horul-editor is editorjs wrapper component.

Please see this first. https://editorjs.io/

Supported Plugins

• Header
• List
• Image
• InlineCode
• Embed
• Quote
• Marker
• Code
• Link
• Delimiter
• Raw
• Table
• Warning
• Paragraph
• Checklist
• Personality

Installation

npm install --save horul-editor

# or Yarn
yarn add horul-editor

Usage

// In main.js
// ...
import Editor from 'horul-editor'

Vue.use(Editor)
// ...

// In component
// ...
import { Editor } from 'horul-editor'

export default {
  components: {
    Editor,
  }
}
// ...

  <editor
    autofocus
    holder-id="codex-editor"
    save-button-id="save-button"
    :init-data="initData"
    @save="save"
    @ready="onReady"
    @change="onChange"
  />

---

// on Nuxt.js

// in nuxt.config.js
plugins: [
  {
    src: '~/plugins/vue-editor.js', ssr: false
  }
],

// in ~/plugins/vue-editor.js
import Vue from 'vue'
import Editor from 'horul-editor'

Vue.use(Editor)

// in your page
<editor />

Other props:

• customTools - Object with name (key) and class of a custom tool (value)