feat(editor): enable table

src/components/base/EditorToolbar.vue

@@ -352,21 +352,6 @@
 				>
 					mergeOrSplit
 				</BaseButton>
-				<!-- <BaseButton
-					class="editor-toolbar__button"
-					@click="
-						editor
-							.chain()
-							.focus()
-							.setCellAttribute('backgroundColor', '#FAF594')
-							.run()
-					"
-					:disabled="
-						!editor.can().setCellAttribute('backgroundColor', '#FAF594')
-					"
-				>
-					setCellAttribute
-				</BaseButton> -->
 				<BaseButton
 					class="editor-toolbar__button"
 					@click="editor.chain().focus().fixTables().run()"
@@ -374,20 +359,6 @@
 				>
 					fixTables
 				</BaseButton>
-				<BaseButton
-					class="editor-toolbar__button"
-					@click="editor.chain().focus().goToNextCell().run()"
-					:disabled="!editor.can().goToNextCell"
-				>
-					goToNextCell
-				</BaseButton>
-				<BaseButton
-					class="editor-toolbar__button"
-					@click="editor.chain().focus().goToPreviousCell().run()"
-					:disabled="!editor.can().goToPreviousCell"
-				>
-					goToPreviousCell
-				</BaseButton>
 			</div>
 		</div>
 

src/components/base/TipTap.vue

@@ -111,15 +111,13 @@ const editor = useEditor({
 			openOnClick: false,
 			validate: (href: string) => /^https?:\/\//.test(href),
 		}),
-		// Table.configure({
-		// 	resizable: true,
-		// }),
-		// TableRow,
-		// TableHeader,
-		// // Default TableCell
-		// // TableCell,
-		// // Custom TableCell with backgroundColor attribute
-		// CustomTableCell,
+		Table.configure({
+			resizable: true,
+		}),
+		TableRow,
+		TableHeader,
+		// Custom TableCell with backgroundColor attribute
+		CustomTableCell,
 
 		// // start
 		// Document,