Trumbowyg is a Vue.js 2 component plugin to implement the Trumbowyg WYSIWYG editor on the application.

trumbowyg plugins, wysiwyg editor open source, trumbowyg example, vue trumbowyg, trumbowyg github

Features

• The value of the interactive fifth model
• You can change the value of the editor programmatically
• Exports all possible events
• Supports most plugins
• Works with validation libraries like – vee-validate

Super Simple Lightweight Editor For Web | Summernote

How to make use of it:

Install & Download:

# yarn
yarn add vue-trumbowyg

# npm
npm install vue-trumbowyg 

Usage:

<template>
  <div>
    <trumbowyg v-model="content" :config="config" class="form-control" name="content"></trumbowyg>
  </div>
</template>

<script>  
  // Import this component
  import Trumbowyg from 'vue-trumbowyg';
  
  // Import editor css
  import 'trumbowyg/dist/ui/trumbowyg.css';
   
  export default {    
    data () {
      return {
        content: null,
        config: {
          // Get options from 
          // https://alex-d.github.io/Trumbowyg/documentation
        }       
      }
    },
    components: {
      Trumbowyg
    }
  }
</script>

Available props

The component accepts these props:

Component For Trumbowyg Editor, Vue Trumbowyg Plugin/Github

See Demo And Download

Official Website(ankurk91): Click Here

This superior jQuery/javascript plugin is developed by ankurk91. For extra Advanced usage, please go to the official website.