WYSIWYG text editor
resources/js/Components/Form/Editor.vue
toolbar?: string[] | "full" | "basic" | "comment"
Pass an array of commands you want to enable for current editor or pass the preset name: basic
or comment
headingLevels?: Level[]
.stickyToolbar?: boolean
Make toolbar sticky to be always visible in editor with lots of content. Default is true
.
icons?: boolean
By default, commands will be rendered as icons with command description tooltip on hover. Set prop to false
to render commands as text in toolbar.
placeholder?: string;
placeholderHeading?: string
Set placeholders for empty text block and headings. Default placeholders are empty strings.
class?: HTMLAttributes["class"]
contentClass?: HTMLAttributes["class"]
You can pass list of custom classes via class
prop to style the look of editor wrapper or editor input area via content-class
.
For example, to limit the height of editor you can set class to content-class="max-h-96 overflow-y-auto"
. When editor content reaches the maximum defined height of 24rem
the vertical scrollbar will appear.