This commit is contained in:
Kasper Nilsson
2022-02-11 08:51:13 -08:00
committed by Dominik
parent 2875fbe1c9
commit 71e941f3da

View File

@@ -30,8 +30,8 @@ export const TaskItem = Node.create<TaskItemOptions>({
checked: {
default: false,
keepOnSplit: false,
parseHTML: (element) => element.getAttribute('data-checked') === 'true',
renderHTML: (attributes) => ({
parseHTML: element => element.getAttribute('data-checked') === 'true',
renderHTML: attributes => ({
'data-checked': attributes.checked,
}),
},
@@ -85,7 +85,9 @@ export const TaskItem = Node.create<TaskItemOptions>({
},
addNodeView() {
return ({ node, HTMLAttributes, getPos, editor }) => {
return ({
node, HTMLAttributes, getPos, editor,
}) => {
const listItem = document.createElement('li')
const checkboxWrapper = document.createElement('label')
const checkboxStyler = document.createElement('span')
@@ -94,7 +96,7 @@ export const TaskItem = Node.create<TaskItemOptions>({
checkboxWrapper.contentEditable = 'false'
checkbox.type = 'checkbox'
checkbox.addEventListener('change', (event) => {
checkbox.addEventListener('change', event => {
// if the editor isnt editable and we don't have a handler for
// readonly checks we have to undo the latest change
if (!editor.isEditable && !this.options.onReadOnlyChecked) {
@@ -146,7 +148,7 @@ export const TaskItem = Node.create<TaskItemOptions>({
return {
dom: listItem,
contentDOM: content,
update: (updatedNode) => {
update: updatedNode => {
if (updatedNode.type !== this.type) {
return false
}
@@ -169,7 +171,7 @@ export const TaskItem = Node.create<TaskItemOptions>({
wrappingInputRule({
find: inputRegex,
type: this.type,
getAttributes: (match) => ({
getAttributes: match => ({
checked: match[match.length - 1] === 'x',
}),
}),