Text Editor

Under Development
# Documentation

LvTextEditor is WYSIWYG editor that lets users format content, align content, embed links & more.

# Playground


 <lv-text-editor
     color="#000000"
     theme="#ffffff"
     :menu="[
  "Bold",
  "Italic",
  "Strikethrough",
  "Code",
  "Link",
  "List",
  "Image"
]"
 />
Realtime Customizations


#Basic Usage

You can use the LvTextEditor as follows:

#Setup

You can import a component and register it as a local and global vue component as follows:

// import the component
import LvTextEditor from 'lightvue/texteditor';
// Register the component locally
export default {
    components: {
        LvTextEditor
    }
}
// Register the component globally (Vue 2.x)
Vue.component('LvTextEditor', LvTextEditor);

// Register the component globally (Vue 3.x)
const app = Vue.createApp({
  // ...
});
app.component('LvTextEditor', LvTextEditor);
app.mount('#app')
               

#APIs

All of the props, events and slots of the component are mentioned below:

Props
Type
Default
Description
menu
Array
['Bold', 'Italic', 'Strike', 'Heading 1', 'Heading 2', 'Align', 'Link', 'Code', 'List']
Allows users to specify the features of the text editor
theme
String
#ffffff
Allows users to specify the theme of the text editor
color
String
#333333
Allows users to specify the color of the icon stroke