All properties for OlotapEditor component are listed below.
<template>
<OlotapEditor
v-if="extensions.length > 0"
:extensions="extensions"
:key="getEditorKey"
output="json"
:error-messages="errorMessages"
:min-height="600"
max-height="600"
max-width="900"
@change="onChange"
>
</OlotapEditor>
</template>
Name | Type | Default | Description |
---|---|---|---|
extensions | array |
[] | Sets all tiptap extensions for editor. |
markdownTheme | string, boolean |
undefined | Sets the markdown theme. |
output | string |
html | Sets the editor output. Allowed types are "html" and "json". |
flat | boolean |
true | Sets the editor v-card flat attribute. |
autofocus | boolean |
false | Sets the tiptap editor autofocus attribute. |
disabled | boolean |
false | Sets the tiptap editor editable attribute. |
label | string |
undefined | Sets the editor label. If it's not empty an edior v-card area will show top of the editor. |
hideToolbar | boolean |
false | Show/hide editor toolbar. |
disableToolbar | boolean |
false | Toolbar will shown as disabled if it's true. |
hideBubble | boolean |
false | Show/hide editor bubble menu. |
maxWidth | string, number |
undefined | Sets the editor maximum width. |
maxHeight | string, number |
undefined | Sets the editor maximum height. |
minHeight | string, number |
undefined | Sets the editor minumum height. |
editorClass | string, array, object |
undefined | Sets the editor class. |
errorMessages | string, array |
[] | Sets the editor error messages. |