allow nested todo_lists via options on todo_item

This commit is contained in:
Chrissi2812
2019-05-08 12:26:13 +02:00
parent ff445f13aa
commit fc41ff36de
2 changed files with 27 additions and 9 deletions

View File

@@ -1,5 +1,5 @@
import { Node } from 'tiptap'
import { splitToDefaultListItem, liftListItem } from 'tiptap-commands'
import { sinkListItem, splitListItem, liftListItem } from 'tiptap-commands'
export default class TodoItem extends Node {
@@ -7,6 +7,12 @@ export default class TodoItem extends Node {
return 'todo_item'
}
get defaultOptions() {
return {
nested: false,
}
}
get view() {
return {
props: ['node', 'updateAttrs', 'editable'],
@@ -34,7 +40,7 @@ export default class TodoItem extends Node {
},
},
draggable: true,
content: 'paragraph*',
content: this.options.nested ? '(paragraph|todo_list)+' : 'paragraph+',
toDOM: node => {
const { done } = node.attrs
@@ -60,7 +66,8 @@ export default class TodoItem extends Node {
keys({ type }) {
return {
Enter: splitToDefaultListItem(type),
Enter: splitListItem(type),
Tab: this.options.nested ? sinkListItem(type) : () => {},
'Shift-Tab': liftListItem(type),
}
}