vue-wysiwyg-simple
v1.0.6
Published
A WYSIWYG HTML editor for Vue 2
Downloads
16
Maintainers
Readme
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