New to Kendo UI for Vue? Start a free 30-day trial


Represents the Kendo UI for Vue Editor component.

        height: '690px',

import { Editor } from "@progress/kendo-vue-editor";
import content from "./content-overview";

export default {
  components: {
  data() {
    return {
      tools: [
        ["Bold", "Italic", "Underline", "Strikethrough"],
        ["Subscript", "Superscript"],
        ["AlignLeft", "AlignCenter", "AlignRight", "AlignJustify"],
        ["Indent", "Outdent"],
        ["OrderedList", "UnorderedList"],
        ["Undo", "Redo"],
        ["Link", "Unlink", "InsertImage", "ViewHtml"],
        ["AddRowBefore", "AddRowAfter", "AddColumnBefore", "AddColumnAfter"],
        ["DeleteRow", "DeleteColumn", "DeleteTable"],
        ["MergeCells", "SplitCell"],
      content: content,

props Readonly<EditorProps

The props of the Editor component.

contentElement HTMLDivElement

Returns the content-editable DOM element of the Editor.

element HTMLElement

Returns the DOM element of the Editor.

value Node | string

The value of the Editor.

view EditorView<any>

Returns the view object of the Editor.

In this article

Not finding the help you need?