Text Editor
Under Development
LvTextEditor is WYSIWYG editor that lets users format content, align content, embed links & more.
# Playground
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