Skip to content

wolfscott/vue-wysiwyg

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-wysiwyg

Vue WYSIWYG editor

Usage

In your main.js:

import Editr from "./index.js";
Vue.use(Editr, {}); // config is optional. more below

In your components:

<Editr v-model="myHTML" />

Config options

{
  hideModules: ["bold"],
  image: {
    uploadURL: "/api/myEndpoint"
  }
}

Note on the image upload API endpoint:

  • Image is uploaded by multipart/form-data
  • Your endpoint must respond back with a string, the URL for the image - e.g. http://myapp.com/images/12345.jpg

About

A lightweight WYSIWYG HTML editor for Vue.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 53.5%
  • Vue 46.1%
  • HTML 0.4%