diff --git a/packages/extension-task-item/src/task-item.ts b/packages/extension-task-item/src/task-item.ts
index 5b513812..f6e2e859 100644
--- a/packages/extension-task-item/src/task-item.ts
+++ b/packages/extension-task-item/src/task-item.ts
@@ -45,12 +45,32 @@ export const TaskItem = Node.create<TaskItemOptions>({
     ]
   },
 
-  renderHTML({ HTMLAttributes }) {
-    return ['li', mergeAttributes(
-      this.options.HTMLAttributes,
-      HTMLAttributes,
-      { 'data-type': 'taskItem' },
-    ), 0]
+  renderHTML({ node, HTMLAttributes }) {
+    return [
+      'li',
+      mergeAttributes(
+        this.options.HTMLAttributes,
+        HTMLAttributes,
+        { 'data-type': 'taskItem' },
+      ),
+      [
+        'label',
+        [
+          'input',
+          {
+            type: 'checkbox',
+            checked: node.attrs.checked
+              ? 'checked'
+              : null,
+          },
+        ],
+        ['span'],
+      ],
+      [
+        'div',
+        0,
+      ],
+    ]
   },
 
   addKeyboardShortcuts() {