vue-editify 0.2.15 → 0.2.17

package/src/core/rule.ts

@@ -372,35 +372,25 @@ export const tableThTdHandle = (_editor: AlexEditor, element: AlexElement) => {
  * @param element
  */
 export const tableFormatHandle = (editor: AlexEditor, element: AlexElement) => {
-	if (element.parsedom == 'table') {
-		const marks = {
-			'data-editify-element': element.key
-		}
+	if (element.hasChildren() && element.parsedom == 'table') {
+		//设置key到marks上
 		if (element.hasMarks()) {
-			Object.assign(element.marks!, marks)
-		} else {
-			element.marks = marks
-		}
-		const styles = {
-			'white-space': 'pre-wrap',
-			'word-break': 'break-word'
-		}
-		if (element.hasStyles()) {
-			Object.assign(element.styles!, styles)
+			Object.assign(element.marks!, {
+				'data-editify-element': element.key
+			})
 		} else {
-			element.styles = styles
+			element.marks = {
+				'data-editify-element': element.key
+			}
 		}
+		//扁平化处理子元素
 		const elements = AlexElement.flatElements(element.children!)
 		//所有的行元素
-		const rows = elements.filter(el => {
-			return el.parsedom == 'tr'
-		})
+		const rows = elements.filter(el => el.parsedom == 'tr')
 		//获取表格实际应该的规格
 		const { rowNumber, columnNumber } = getTableSize(rows)
-		//colgroup元素
-		let colgroup = elements.find(el => {
-			return el.parsedom == 'colgroup'
-		})
+		//获取表格的colgroup元素
+		let colgroup = elements.find(el => el.parsedom == 'colgroup')
 		//如果colgroup元素存在
 		if (colgroup) {
 			//遍历每个col元素设置默认的width:'auto

package/src/core/tool.ts

@@ -545,7 +545,7 @@ export const getToolbarConfig = (editTrans: (key: string) => any, editLocale: Lo
 			//标题
 			heading: {
 				//是否显示此工具
-				show: true,
+				show: false,
 				//是否禁用此工具
 				disabled: false,
 				//列表配置
@@ -559,7 +559,7 @@ export const getToolbarConfig = (editTrans: (key: string) => any, editLocale: Lo
 				//左侧边框是否显示
 				leftBorder: false,
 				//右侧边框是否显示
-				rightBorder: true
+				rightBorder: false
 			},
 			//对齐方式
 			align: {
@@ -658,7 +658,7 @@ export const getToolbarConfig = (editTrans: (key: string) => any, editLocale: Lo
 			//行内代码
 			code: {
 				//是否显示此工具
-				show: true,
+				show: false,
 				//是否禁用此工具
 				disabled: false,
 				//左侧边框是否显示

package/src/editify/editify.less

@@ -219,6 +219,8 @@
 						border: 1px solid var(--editify-border-color);
 						padding: 6px 10px;
 						position: relative;
+						white-space: pre-wrap;
+						word-break: break-word;
 
 						&:not(:last-child)::after {
 							position: absolute;

package/src/editify/editify.vue

@@ -301,8 +301,7 @@ const createEditor = () => {
 	editor.value.on('deleteInStart', handleDeleteInStart)
 	editor.value.on('deleteComplete', handleDeleteComplete)
 	editor.value.on('afterRender', handleAfterRender)
-	//格式化和dom渲染
-	editor.value.formatElementStack()
+	//dom渲染
 	editor.value.domRender()
 	//自动获取焦点
 	if (props.autofocus && !isSourceView.value && !isDisabled.value) {
@@ -437,7 +436,6 @@ const documentMouseUp = () => {
 		const width = parseFloat(colgroup.children![index].marks!['width'])
 		if (!isNaN(width)) {
 			colgroup.children![index].marks!['width'] = `${Number(((width / resizeParams.value.element.parent!.elm!.offsetWidth) * 100).toFixed(2))}%`
-			editor.value!.formatElementStack()
 			editor.value!.domRender()
 			editor.value!.rangeRender()
 		}
@@ -455,7 +453,6 @@ const documentMouseUp = () => {
 					width: `${Number(((width / DapElement.width(contentRef.value!)) * 100).toFixed(2))}%`
 				}
 			}
-			editor.value!.formatElementStack()
 			editor.value!.domRender()
 			editor.value!.rangeRender()
 		}
@@ -493,7 +490,6 @@ const documentClick = (e: Event) => {
 					}
 					editor.value!.range!.anchor.moveToEnd(element)
 					editor.value!.range!.focus.moveToEnd(element)
-					editor.value!.formatElementStack()
 					editor.value!.domRender()
 					editor.value!.rangeRender()
 				}
@@ -699,7 +695,6 @@ const handleEditorKeydown = (val: string, e: Event) => {
 	if ((e as KeyboardEvent).key.toLocaleLowerCase() == 'tab' && !(e as KeyboardEvent).metaKey && !(e as KeyboardEvent).shiftKey && !(e as KeyboardEvent).ctrlKey && !(e as KeyboardEvent).altKey && props.tab) {
 		e.preventDefault()
 		editor.value!.insertText('    ')
-		editor.value!.formatElementStack()
 		editor.value!.domRender()
 		editor.value!.rangeRender()
 	}
@@ -929,7 +924,6 @@ const undo = () => {
 		editor.value!.history.current = historyRecord.current
 		editor.value!.stack = historyRecord.stack
 		editor.value!.range = historyRecord.range
-		editor.value!.formatElementStack()
 		editor.value!.domRender(true)
 		editor.value!.rangeRender()
 	}
@@ -944,7 +938,6 @@ const redo = () => {
 		editor.value!.history.current = historyRecord.current
 		editor.value!.stack = historyRecord.stack
 		editor.value!.range = historyRecord.range
-		editor.value!.formatElementStack()
 		editor.value!.domRender(true)
 		editor.value!.rangeRender()
 	}
@@ -961,7 +954,6 @@ watch(
 		//如果是外部修改，需要重新渲染编辑器
 		editor.value!.stack = editor.value!.parseHtml(newVal)
 		editor.value!.range = null
-		editor.value!.formatElementStack()
 		editor.value!.domRender()
 		editor.value!.rangeRender()
 		contentRef.value!.blur()

package/src/editify/toolbar/toolbar.less

@@ -2,7 +2,7 @@
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
-	padding: 6px 10px;
+	padding: 4px;
 }
 
 :deep(.editify-icon-rotate) {

package/src/feature/align.ts

@@ -48,7 +48,6 @@ export const AlignToolbarButton = defineComponent(
 							},
 							onOperate: (_name: string, val: 'left' | 'right' | 'center' | 'justify') => {
 								setAlign(editor.value, dataRangeCaches.value, val)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -103,7 +102,6 @@ export const AlignMenuButton = defineComponent(
 							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: (_name, val: 'left' | 'right' | 'center' | 'justify') => {
 								setAlign(editor.value, dataRangeCaches.value, val)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/attachment.ts

@@ -83,7 +83,6 @@ export const AttachmentMenuButton = defineComponent(
 												editor.value.range!.focus.moveToEnd(attachmentElement)
 											})
 											//渲染
-											editor.value.formatElementStack()
 											editor.value.domRender()
 											editor.value.rangeRender()
 										}

package/src/feature/backColor.ts

@@ -69,7 +69,6 @@ export const BackColorToolbarButton = defineComponent(
 											background: val
 										})
 										btnRef.value!.show = false
-										editor.value.formatElementStack()
 										editor.value.domRender()
 										editor.value.rangeRender()
 									}
@@ -146,7 +145,6 @@ export const BackColorMenuButton = defineComponent(
 										setTextStyle(editor.value, dataRangeCaches.value, {
 											background: val
 										})
-										editor.value.formatElementStack()
 										editor.value.domRender()
 										editor.value.rangeRender()
 										btnRef.value!.show = false

package/src/feature/bold.ts

@@ -52,7 +52,6 @@ export const BoldToolbarButton = defineComponent(
 										'font-weight': 'bold'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -111,7 +110,6 @@ export const BoldMenuButton = defineComponent(
 										'font-weight': 'bold'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/code.ts

@@ -52,7 +52,6 @@ export const CodeToolbarButton = defineComponent(
 										'data-editify-code': true
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -111,7 +110,6 @@ export const CodeMenuButton = defineComponent(
 										'data-editify-code': true
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/codeBlock.ts

@@ -56,7 +56,6 @@ export const CodeBlockToolbar = defineComponent(
 				}
 				editor.value.range!.anchor.moveToEnd(paragraph)
 				editor.value.range!.focus.moveToEnd(paragraph)
-				editor.value.formatElementStack()
 				editor.value.domRender()
 				editor.value.rangeRender()
 			}
@@ -68,7 +67,6 @@ export const CodeBlockToolbar = defineComponent(
 				Object.assign(pre.marks!, {
 					'data-editify-hljs': value
 				})
-				editor.value.formatElementStack()
 				editor.value.domRender()
 				editor.value.rangeRender()
 			}
@@ -179,7 +177,6 @@ export const CodeBlockMenuButton = defineComponent(
 							disabled: props.disabled || isSourceView.value || hasTableInRange(editor.value, dataRangeCaches.value) || hasImageInRange(editor.value, dataRangeCaches.value) || hasVideoInRange(editor.value, dataRangeCaches.value) || hasAttachmentInRange(editor.value, dataRangeCaches.value) || hasMathformulaInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								insertCodeBlock(editor.value, dataRangeCaches.value)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/fontFamily.ts

@@ -57,7 +57,6 @@ export const FontFamilyToolbarButton = defineComponent(
 							setTextStyle(editor.value, dataRangeCaches.value, {
 								'font-family': val
 							})
-							editor.value.formatElementStack()
 							editor.value.domRender()
 							editor.value.rangeRender()
 						}
@@ -119,7 +118,6 @@ export const FontFamilyMenuButton = defineComponent(
 							setTextStyle(editor.value, dataRangeCaches.value, {
 								'font-family': val
 							})
-							editor.value.formatElementStack()
 							editor.value.domRender()
 							editor.value.rangeRender()
 						}

package/src/feature/fontSize.ts

@@ -59,7 +59,6 @@ export const FontSizeToolbarButton = defineComponent(
 							setTextStyle(editor.value, dataRangeCaches.value, {
 								'font-size': val
 							})
-							editor.value.formatElementStack()
 							editor.value.domRender()
 							editor.value.rangeRender()
 						}
@@ -121,7 +120,6 @@ export const FontSizeMenuButton = defineComponent(
 							setTextStyle(editor.value, dataRangeCaches.value, {
 								'font-size': val
 							})
-							editor.value.formatElementStack()
 							editor.value.domRender()
 							editor.value.rangeRender()
 						}

package/src/feature/foreColor.ts

@@ -71,7 +71,6 @@ export const ForeColorToolbarButton = defineComponent(
 											color: val
 										})
 										btnRef.value!.show = false
-										editor.value.formatElementStack()
 										editor.value.domRender()
 										editor.value.rangeRender()
 									}
@@ -148,7 +147,6 @@ export const ForeColorMenuButton = defineComponent(
 										setTextStyle(editor.value, dataRangeCaches.value, {
 											color: val
 										})
-										editor.value.formatElementStack()
 										editor.value.domRender()
 										editor.value.rangeRender()
 										btnRef.value!.show = false

package/src/feature/formatClear.ts

@@ -43,7 +43,6 @@ export const FormatClearToolbarButton = defineComponent(
 							onOperate: () => {
 								removeTextStyle(editor.value, dataRangeCaches.value)
 								removeTextMark(editor.value, dataRangeCaches.value)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -93,7 +92,6 @@ export const FormatClearMenuButton = defineComponent(
 							onOperate: () => {
 								removeTextStyle(editor.value, dataRangeCaches.value)
 								removeTextMark(editor.value, dataRangeCaches.value)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/heading.ts

@@ -63,7 +63,6 @@ export const HeadingToolbarButton = defineComponent(
 						},
 						onOperate: (_name: string, val: string) => {
 							setHeading(editor.value, dataRangeCaches.value, $editTrans, val)
-							editor.value.formatElementStack()
 							editor.value.domRender()
 							editor.value.rangeRender()
 						}
@@ -133,7 +132,6 @@ export const HeadingMenuButton = defineComponent(
 						disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 						onOperate: (_name: string, val: string) => {
 							setHeading(editor.value, dataRangeCaches.value, $editTrans, val)
-							editor.value.formatElementStack()
 							editor.value.domRender()
 							editor.value.rangeRender()
 						}

package/src/feature/image.ts

@@ -32,7 +32,6 @@ export const ImageToolbar = defineComponent(
 				} else {
 					element.styles = styles
 				}
-				editor.value.formatElementStack()
 				editor.value.domRender()
 				editor.value.rangeRender()
 				//更新工具条位置
@@ -117,7 +116,6 @@ export const ImageToolbar = defineComponent(
 							const element = getMatchElementByRange(editor.value, dataRangeCaches.value, { parsedom: 'img' })
 							if (element) {
 								element.toEmpty()
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -201,7 +199,6 @@ export const ImageMenuButton = defineComponent(
 										urls.forEach(url => {
 											insertImage(editor.value, url)
 										})
-										editor.value.formatElementStack()
 										editor.value.domRender()
 										editor.value.rangeRender()
 										btnRef.value!.show = false

package/src/feature/indent.ts

@@ -48,7 +48,6 @@ export const IndentMenuButton = defineComponent(
 								else if (val == 'indent-decrease') {
 									setIndentDecrease(editor.value, dataRangeCaches.value)
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/infoBlock.ts

@@ -69,7 +69,6 @@ export const InfoBlockMenuButton = defineComponent(
 									})
 								}
 								//渲染
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/italic.ts

@@ -52,7 +52,6 @@ export const ItalicToolbarButton = defineComponent(
 										'font-style': 'italic'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -111,7 +110,6 @@ export const ItalicMenuButton = defineComponent(
 										'font-style': 'italic'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/lineHeight.ts

@@ -68,7 +68,6 @@ export const LineHeightToolbarButton = defineComponent(
 						},
 						onOperate: (_name: string, val: string) => {
 							setLineHeight(editor.value, dataRangeCaches.value, val)
-							editor.value.formatElementStack()
 							editor.value.domRender()
 							editor.value.rangeRender()
 						}
@@ -143,8 +142,7 @@ export const LineHeightMenuButton = defineComponent(
 						disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 						active: false,
 						onOperate: (_name, val) => {
-							setLineHeight(editor.value, dataRangeCaches.value, <string | number>val)
-							editor.value.formatElementStack()
+							setLineHeight(editor.value, dataRangeCaches.value, val as string | number)
 							editor.value.domRender()
 							editor.value.rangeRender()
 						}

package/src/feature/link.ts

@@ -52,7 +52,6 @@ export const linkToolbar = defineComponent(
 						} else {
 							delete link.marks!.target
 						}
-						editor.value.formatElementStack()
 						editor.value.domRender()
 					}
 				},
@@ -63,7 +62,6 @@ export const linkToolbar = defineComponent(
 						delete link.marks!['target']
 						delete link.marks!['href']
 						delete link.marks!['data-editify-element']
-						editor.value.formatElementStack()
 						editor.value.domRender()
 						editor.value.rangeRender()
 					}
@@ -125,7 +123,6 @@ export const LinkMenuButton = defineComponent(
 											return
 										}
 										insertLink(editor.value, text, url, newOpen)
-										editor.value.formatElementStack()
 										editor.value.domRender()
 										editor.value.rangeRender()
 										btnRef.value!.show = false

package/src/feature/mathformula.ts

@@ -120,7 +120,6 @@ export const MathformulaMenuButton = defineComponent(
 												editor.value.range!.anchor.moveToEnd(elements[0])
 												editor.value.range!.focus.moveToEnd(elements[0])
 												//渲染
-												editor.value.formatElementStack()
 												editor.value.domRender()
 												editor.value.rangeRender()
 											}

package/src/feature/orderList.ts

@@ -42,7 +42,6 @@ export const OrderListToolbarButton = defineComponent(
 							disabled: props.config.disabled,
 							onOperate: () => {
 								setList(editor.value, dataRangeCaches.value, true)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -91,7 +90,6 @@ export const OrderListMenuButton = defineComponent(
 							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								setList(editor.value, dataRangeCaches.value, true)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/panel.ts

@@ -83,7 +83,6 @@ export const PanelMenuButton = defineComponent(
 								editor.value.range!.anchor.moveToEnd(panelElement.children![0])
 								editor.value.range!.focus.moveToEnd(panelElement.children![0])
 								//渲染
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/quote.ts

@@ -36,7 +36,6 @@ export const QuoteMenuButton = defineComponent(
 							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								setQuote(editor.value, dataRangeCaches.value)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/separator.ts

@@ -37,7 +37,6 @@ export const SeparatorMenuButton = defineComponent(
 
 							onOperate: () => {
 								insertSeparator(editor.value)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/strikethrough.ts

@@ -52,7 +52,6 @@ export const StrikethroughToolbarButton = defineComponent(
 										'text-decoration': 'line-through'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -111,7 +110,6 @@ export const StrikethroughMenuButton = defineComponent(
 										'text-decoration': 'line-through'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/sub.ts

@@ -52,7 +52,6 @@ export const SubToolbarButton = defineComponent(
 										'vertical-align': 'sub'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -111,7 +110,6 @@ export const SubMenuButton = defineComponent(
 										'vertical-align': 'sub'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/super.ts

@@ -52,7 +52,6 @@ export const SuperToolbarButton = defineComponent(
 										'vertical-align': 'super'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -111,7 +110,6 @@ export const SuperMenuButton = defineComponent(
 										'vertical-align': 'super'
 									})
 								}
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}

package/src/feature/table.ts

@@ -195,7 +195,6 @@ export const TableToolbar = defineComponent(
 				}
 				editor.value.range!.anchor.moveToEnd(paragraph)
 				editor.value.range!.focus.moveToEnd(paragraph)
-				editor.value.formatElementStack()
 				editor.value.domRender()
 				editor.value.rangeRender()
 			}
@@ -237,7 +236,6 @@ export const TableToolbar = defineComponent(
 				editor.value.range!.anchor.moveToStart(newRow)
 				editor.value.range!.focus.moveToStart(newRow)
 				//渲染
-				editor.value.formatElementStack()
 				editor.value.domRender()
 				editor.value.rangeRender()
 				//更新工具条位置
@@ -302,7 +300,6 @@ export const TableToolbar = defineComponent(
 					editor.value.range!.focus.moveToStart(nextColumn)
 				}
 				//渲染
-				editor.value.formatElementStack()
 				editor.value.domRender()
 				editor.value.rangeRender()
 			}
@@ -312,7 +309,6 @@ export const TableToolbar = defineComponent(
 			const element = getMatchElementByRange(editor.value, dataRangeCaches.value, { parsedom: 'table' })
 			if (element) {
 				element.toEmpty()
-				editor.value.formatElementStack()
 				editor.value.domRender()
 				editor.value.rangeRender()
 			}
@@ -383,7 +379,6 @@ export const TableToolbar = defineComponent(
 					editor.value.range!.focus.moveToEnd(nextRow!.children![index])
 				}
 				//渲染
-				editor.value.formatElementStack()
 				editor.value.domRender()
 				editor.value.rangeRender()
 				//更新工具条位置
@@ -466,7 +461,6 @@ export const TableToolbar = defineComponent(
 					editor.value.range!.focus.moveToEnd(nextColumn!)
 				}
 				//渲染
-				editor.value.formatElementStack()
 				editor.value.domRender()
 				editor.value.rangeRender()
 			}
@@ -507,7 +501,6 @@ export const TableToolbar = defineComponent(
 									setTableCellMerged(column)
 									editor.value.range!.anchor.moveToEnd(crossColumnElement)
 									editor.value.range!.focus.moveToEnd(crossColumnElement)
-									editor.value.formatElementStack()
 									editor.value.domRender()
 									editor.value.rangeRender()
 								}
@@ -533,7 +526,6 @@ export const TableToolbar = defineComponent(
 								setTableCellMerged(column)
 								editor.value.range!.anchor.moveToEnd(previousColumn)
 								editor.value.range!.focus.moveToEnd(previousColumn)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -581,7 +573,6 @@ export const TableToolbar = defineComponent(
 								setTableCellMerged(nextColumn)
 								editor.value.range!.anchor.moveToEnd(column)
 								editor.value.range!.focus.moveToEnd(column)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -619,7 +610,6 @@ export const TableToolbar = defineComponent(
 									setTableCellMerged(column)
 									editor.value.range!.anchor.moveToEnd(crossRowElement)
 									editor.value.range!.focus.moveToEnd(crossRowElement)
-									editor.value.formatElementStack()
 									editor.value.domRender()
 									editor.value.rangeRender()
 								}
@@ -645,7 +635,6 @@ export const TableToolbar = defineComponent(
 								setTableCellMerged(column)
 								editor.value.range!.anchor.moveToEnd(previousColumn)
 								editor.value.range!.focus.moveToEnd(previousColumn)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -697,7 +686,6 @@ export const TableToolbar = defineComponent(
 								setTableCellMerged(nextColumn)
 								editor.value.range!.anchor.moveToEnd(column)
 								editor.value.range!.focus.moveToEnd(column)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -970,7 +958,6 @@ export const TableMenuButton = defineComponent(
 									maxColumns: props.config.maxColumns,
 									onInsert: (row, column) => {
 										insertTable(editor.value, row, column)
-										editor.value.formatElementStack()
 										editor.value.domRender()
 										editor.value.rangeRender()
 										btnRef.value!.show = false

package/src/feature/task.ts

@@ -42,7 +42,6 @@ export const TaskToolbarButton = defineComponent(
 							disabled: props.config.disabled,
 							onOperate: () => {
 								setTask(editor.value, dataRangeCaches.value)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}
@@ -91,7 +90,6 @@ export const TaskMenuButton = defineComponent(
 							disabled: props.disabled || isSourceView.value || hasPreInRange(editor.value, dataRangeCaches.value) || hasTableInRange(editor.value, dataRangeCaches.value) || hasPanelInRange(editor.value, dataRangeCaches.value) || props.config.disabled,
 							onOperate: () => {
 								setTask(editor.value, dataRangeCaches.value)
-								editor.value.formatElementStack()
 								editor.value.domRender()
 								editor.value.rangeRender()
 							}