1 files changed, 33 insertions, 0 deletions
diff --git a/app/assets/javascripts/content_editor/extensions/task_item.js b/app/assets/javascripts/content_editor/extensions/task_item.js
new file mode 100644
index 00000000000..6163c0e043b
--- /dev/null
+++ b/app/assets/javascripts/content_editor/extensions/task_item.js
@@ -0,0 +1,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,
+      },
+    ];
+  },
+});