summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/content_editor/extensions/task_item.js
blob: 6163c0e043ba46b32d5629a274c04b2d2b5ed6d4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import { TaskItem } from '@tiptap/extension-task-item';

export default TaskItem.extend({
  defaultOptions: {
    nested: true,
    HTMLAttributes: {},
  },

  addAttributes() {
    return {
      checked: {
        default: false,
        parseHTML: (element) => {
          const checkbox = element.querySelector('input[type=checkbox].task-list-item-checkbox');
          return { checked: checkbox?.checked };
        },
        renderHTML: (attributes) => ({
          'data-checked': attributes.checked,
        }),
        keepOnSplit: false,
      },
    };
  },

  parseHTML() {
    return [
      {
        tag: 'li.task-list-item',
        priority: 100,
      },
    ];
  },
});