vue-wysiwyg-simple

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:

• bold
• italic
• underline
• link
• unorderedList
• removeFormat
• separator

Available Locales:

• english
• dutch
• german
• hungarian
• italian
• portuguese
• spanish
• finnish
• swedish