Vue-wysiwyg-simple NPM

This is fork of an awesome vue-wysiwyg

vue-wysiwyg-simple has reduced number of features available to improve robustness of the editor

Fewer tags supported ( see the list at the end of the readme )
All copy-pasted html is cleaned and unicode control characters removed
Drag and drop support removed
Upload image logic removed
IE11 is not supported
Removed out of date development packages
Updated all develoopment packages

Usage

Install vue-wysiwyg-simple

npm install vue-wysiwyg-simple --save

In your main.js:

import wysiwyg from "vue-wysiwyg-simple";
Vue.use(wysiwyg, {}); // config is optional. more below

Also make sure to load the stylesheet. The exact syntax will depend on what preprocessor you use.

@import "~vue-wysiwyg-simple/dist/vueWysiwyg.css";

In your components:

<wysiwyg v-model="myHTML" />

Config options

All keys are optional.

{
  // { [module]: boolean (set true to hide) }
  hideModules: { "bold": true },

  // limit content height if you wish. If not set, editor size will grow with content.
  maxHeight: "500px",

  // specify editor locale, if you don't specify this, the editor will default to english.
  locale: 'hu'
}

Available Modules: