This commit is contained in:
Hans Pagel
2021-01-22 23:58:17 +01:00
parent 2525b380e7
commit fcf5421b43

View File

@@ -1,58 +1,58 @@
<template> <template>
<div v-if="editor"> <div v-if="editor">
<button @click="editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()"> <button @click="editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run()">
insertTable insertTable
</button> </button>
<button @click="editor.chain().focus().addColumnBefore().run()"> <button @click="editor.chain().focus().addColumnBefore().run()">
addColumnBefore addColumnBefore
</button> </button>
<button @click="editor.chain().focus().addColumnAfter().run()"> <button @click="editor.chain().focus().addColumnAfter().run()">
addColumnAfter addColumnAfter
</button> </button>
<button @click="editor.chain().focus().deleteColumn().run()"> <button @click="editor.chain().focus().deleteColumn().run()">
deleteColumn deleteColumn
</button> </button>
<button @click="editor.chain().focus().addRowBefore().run()"> <button @click="editor.chain().focus().addRowBefore().run()">
addRowBefore addRowBefore
</button> </button>
<button @click="editor.chain().focus().addRowAfter().run()"> <button @click="editor.chain().focus().addRowAfter().run()">
addRowAfter addRowAfter
</button> </button>
<button @click="editor.chain().focus().deleteRow().run()"> <button @click="editor.chain().focus().deleteRow().run()">
deleteRow deleteRow
</button> </button>
<button @click="editor.chain().focus().deleteTable().run()"> <button @click="editor.chain().focus().deleteTable().run()">
deleteTable deleteTable
</button> </button>
<button @click="editor.chain().focus().mergeCells().run()"> <button @click="editor.chain().focus().mergeCells().run()">
mergeCells mergeCells
</button> </button>
<button @click="editor.chain().focus().splitCell().run()"> <button @click="editor.chain().focus().splitCell().run()">
splitCell splitCell
</button> </button>
<button @click="editor.chain().focus().toggleHeaderColumn().run()"> <button @click="editor.chain().focus().toggleHeaderColumn().run()">
toggleHeaderColumn toggleHeaderColumn
</button> </button>
<button @click="editor.chain().focus().toggleHeaderRow().run()"> <button @click="editor.chain().focus().toggleHeaderRow().run()">
toggleHeaderRow toggleHeaderRow
</button> </button>
<button @click="editor.chain().focus().toggleHeaderCell().run()"> <button @click="editor.chain().focus().toggleHeaderCell().run()">
toggleHeaderCell toggleHeaderCell
</button> </button>
<button @click="editor.chain().focus().mergeOrSplit().run()"> <button @click="editor.chain().focus().mergeOrSplit().run()">
mergeOrSplit mergeOrSplit
</button> </button>
<button @click="editor.chain().focus().setCellAttributes({name: 'color', value: 'pink'}).run()"> <button @click="editor.chain().focus().setCellAttributes({name: 'color', value: 'pink'}).run()">
setCellAttributes setCellAttributes
</button> </button>
<button @click="editor.chain().focus().fixTables().run()"> <button @click="editor.chain().focus().fixTables().run()">
fixTables fixTables
</button> </button>
<button @click="editor.chain().focus().goToNextCell().run()"> <button @click="editor.chain().focus().goToNextCell().run()">
goToNextCell goToNextCell
</button> </button>
<button @click="editor.chain().focus().goToPreviousCell().run()"> <button @click="editor.chain().focus().goToPreviousCell().run()">
goToPreviousCell goToPreviousCell
</button> </button>
<editor-content :editor="editor" /> <editor-content :editor="editor" />
</div> </div>