vue-richest-text-editor v1.1.10

My vue-richest-text-editor NPM Package

Installation

You can install this package via npm or yarn:

npm install vue-richest-text-editor

yarn add vue-richest-text-editor

Explain how users can use your npm package. Provide code examples and explain each step if necessary. Include different use cases and scenarios to demonstrate the versatility of your package.

## Usage
# In vue3
<template >
    <vue-text-editor
        v-model="summery"
        @html-updated="handleHtmlUpdated"
        :toolbarButtons="[
          'Undo',
          'Redo',
          'Bold',
          'Italic',
          'Underline',
          'StrikeThrough',
          'SubScript',
          'SuperScript',
          'IncreaseFontSize',
          'DecreaseFontSize',
          'UnorderedList',
          'OrderedList',
          'Highlight',
          'FontColor',
          'BackgroundColor',
          'JustifyCenter',
          'JustifyLeft',
          'JustifyRight',
          'Heading',
          'FontFamily',
          'FindAndReplace'
        ]
        ">
    </vue-text-editor>
</template>
<script>
import vue-text-editor from 'vue-richest-text-editor';
import "vue-richest-text-editor/dist/style.css";
# if you want show icon of the buttons then
## npm install @fortawesome/fontawesome-free
# And Import
import "@fortawesome/fontawesome-free/css/all.min.css";

export default {
    data(){
        return{
         summery:''
        }
    }
    components:{vue-text-editor},
    methods:{
        handleHtmlUpdated(htmlContent) {
            this.summery = htmlContent;
        },
    }
}
</script>