vue-richest-text-editor
v1.1.10
Published
You can install this package via npm or yarn:
Downloads
6
Maintainers
Readme
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>