@hufe921/canvas-editor 0.9.35 → 0.9.36

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.35";
+const version = "0.9.36";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -37,6 +37,7 @@ var NumberType;
 })(NumberType || (NumberType = {}));
 const ZERO = "\u200B";
 const WRAP = "\n";
+const NBSP = " ";
 const PUNCTUATION_LIST = ["\xB7", "\u3001", ":", "\uFF1A", ",", "\uFF0C", ".", "\u3002", ";", "\uFF1B", "?", "\uFF1F", "!", "\uFF01"];
 const maxHeightRadioMapping = {
   [MaxHeightRatio.HALF]: 1 / 2,
@@ -172,6 +173,17 @@ function convertNumberToChinese(num) {
   result = result.replace(/^一十/g, "\u5341");
   return result;
 }
+function cloneProperty(properties, sourceElement, targetElement) {
+  for (let i = 0; i < properties.length; i++) {
+    const property = properties[i];
+    const value = sourceElement[property];
+    if (value !== void 0) {
+      targetElement[property] = value;
+    } else {
+      delete targetElement[property];
+    }
+  }
+}
 const CURSOR_AGENT_HEIGHT = 12;
 const defaultCursorOption = {
   width: 1,
@@ -255,16 +267,25 @@ const EDITOR_ELEMENT_ZIP_ATTR = [
   "listStyle",
   "listWrap"
 ];
-const EDITOR_ELEMENT_CONTEXT_ATTR = [
+const TABLE_CONTEXT_ATTR = [
   "tdId",
   "trId",
-  "tableId",
+  "tableId"
+];
+const TITLE_CONTEXT_ATTR = [
   "level",
-  "titleId",
+  "titleId"
+];
+const LIST_CONTEXT_ATTR = [
   "listId",
   "listType",
   "listStyle"
 ];
+const EDITOR_ELEMENT_CONTEXT_ATTR = [
+  ...TABLE_CONTEXT_ATTR,
+  ...TITLE_CONTEXT_ATTR,
+  ...LIST_CONTEXT_ATTR
+];
 const TEXTLIKE_ELEMENT_TYPE = [
   ElementType.TEXT,
   ElementType.HYPERLINK,
@@ -3885,6 +3906,7 @@ function getAnchorElement(elementList, anchorIndex) {
   return !anchorElement.listId && anchorElement.value === ZERO && anchorNextElement && anchorNextElement.value !== ZERO ? anchorNextElement : anchorElement;
 }
 function formatElementContext(sourceElementList, formatElementList2, anchorIndex, options) {
+  var _a, _b;
   const copyElement = getAnchorElement(sourceElementList, anchorIndex);
   if (!copyElement)
     return;
@@ -3893,20 +3915,16 @@ function formatElementContext(sourceElementList, formatElementList2, anchorIndex
     const targetElement = formatElementList2[e];
     if (isBreakWhenWrap && !copyElement.listId && /^\n/.test(targetElement.value))
       break;
-    if (!copyElement.listId && targetElement.type === ElementType.LIST)
+    if (!copyElement.listId && targetElement.type === ElementType.LIST) {
+      (_a = targetElement.valueList) == null ? void 0 : _a.forEach((valueItem) => {
+        cloneProperty(TABLE_CONTEXT_ATTR, copyElement, valueItem);
+      });
       continue;
-    if (targetElement.valueList && targetElement.valueList.length) {
-      formatElementContext(sourceElementList, targetElement.valueList, anchorIndex);
     }
-    for (let i = 0; i < EDITOR_ELEMENT_CONTEXT_ATTR.length; i++) {
-      const attr = EDITOR_ELEMENT_CONTEXT_ATTR[i];
-      const value = copyElement[attr];
-      if (value !== void 0) {
-        targetElement[attr] = value;
-      } else {
-        delete targetElement[attr];
-      }
+    if ((_b = targetElement.valueList) == null ? void 0 : _b.length) {
+      formatElementContext(sourceElementList, targetElement.valueList, anchorIndex);
     }
+    cloneProperty(EDITOR_ELEMENT_CONTEXT_ATTR, copyElement, targetElement);
   }
 }
 function writeClipboardItem(text, html) {
@@ -4093,10 +4111,11 @@ function convertTextNodeToElement(textNode) {
   if (!textNode || textNode.nodeType !== 3)
     return null;
   const parentNode = textNode.parentNode;
-  const rowFlex = getElementRowFlex(parentNode);
+  const anchorNode = parentNode.nodeName === "FONT" ? parentNode.parentNode : parentNode;
+  const rowFlex = getElementRowFlex(anchorNode);
   const value = textNode.textContent;
-  const style = window.getComputedStyle(parentNode);
-  if (!value || parentNode.nodeName === "STYLE")
+  const style = window.getComputedStyle(anchorNode);
+  if (!value || anchorNode.nodeName === "STYLE")
     return null;
   const element = {
     value,
@@ -4105,9 +4124,9 @@ function convertTextNodeToElement(textNode) {
     italic: style.fontStyle.includes("italic"),
     size: Math.floor(parseFloat(style.fontSize))
   };
-  if (parentNode.nodeName === "SUB") {
+  if (anchorNode.nodeName === "SUB" || style.verticalAlign === "sub") {
     element.type = ElementType.SUBSCRIPT;
-  } else if (parentNode.nodeName === "SUP") {
+  } else if (anchorNode.nodeName === "SUP" || style.verticalAlign === "super") {
     element.type = ElementType.SUPERSCRIPT;
   }
   if (rowFlex !== RowFlex.LEFT) {
@@ -4433,6 +4452,9 @@ class Cursor {
   getAgentDom() {
     return this.cursorAgent.getAgentCursorDom();
   }
+  getAgentIsActive() {
+    return this.getAgentDom() === document.activeElement;
+  }
   getAgentDomValue() {
     return this.getAgentDom().value;
   }
@@ -4463,7 +4485,7 @@ class Cursor {
     if (!cursorPosition)
       return;
     const { scale, cursor } = this.options;
-    const { color, width, isShow = true, isBlink = true } = __spreadValues(__spreadValues({}, cursor), payload);
+    const { color, width, isShow = true, isBlink = true, isFocus = true } = __spreadValues(__spreadValues({}, cursor), payload);
     const height = this.draw.getHeight();
     const pageGap = this.draw.getPageGap();
     const { metrics, coordinate: { leftTop, rightTop }, ascent, pageNo } = cursorPosition;
@@ -4473,10 +4495,12 @@ class Cursor {
     const offsetHeight = metrics.height / 4;
     const cursorHeight = metrics.height + offsetHeight * 2;
     const agentCursorDom = this.cursorAgent.getAgentCursorDom();
-    setTimeout(() => {
-      agentCursorDom.focus();
-      agentCursorDom.setSelectionRange(0, 0);
-    });
+    if (isFocus) {
+      setTimeout(() => {
+        agentCursorDom.focus();
+        agentCursorDom.setSelectionRange(0, 0);
+      });
+    }
     const descent = metrics.boundingBoxDescent < 0 ? 0 : metrics.boundingBoxDescent;
     const cursorTop = leftTop[1] + ascent + descent - (cursorHeight - offsetHeight) + preY;
     const cursorLeft = rightTop[0];
@@ -5414,13 +5438,15 @@ const NUMBER_LIKE_REG = /[0-9.]/;
 function dblclick(host, evt) {
   const draw = host.getDraw();
   const position = draw.getPosition();
-  const positionContext = position.getPositionByXY({
-    x: evt.offsetX,
-    y: evt.offsetY
-  });
-  if (!~positionContext.index && positionContext.zone) {
-    draw.getZone().setZone(positionContext.zone);
-    return;
+  if (draw.getIsPagingMode()) {
+    const positionContext = position.getPositionByXY({
+      x: evt.offsetX,
+      y: evt.offsetY
+    });
+    if (!~positionContext.index && positionContext.zone) {
+      draw.getZone().setZone(positionContext.zone);
+      return;
+    }
   }
   const cursorPosition = position.getCursorPosition();
   if (!cursorPosition)
@@ -5730,6 +5756,7 @@ class GlobalEvent {
       const outerEditorDom = findParent(evt.target, (node) => !!node && node.nodeType === 1 && !!node.getAttribute(EDITOR_COMPONENT), true);
       if (outerEditorDom) {
         this.setRangeStyle();
+        this.watchCursorActive();
         return;
       }
       this.cursor.recoveryCursor();
@@ -5808,12 +5835,26 @@ class GlobalEvent {
     document.removeEventListener("visibilitychange", this._handleVisibilityChange);
     this.dprMediaQueryList.removeEventListener("change", this._handleDprChange);
   }
+  watchCursorActive() {
+    if (!this.range.getIsCollapsed())
+      return;
+    setTimeout(() => {
+      var _a, _b;
+      if (!((_a = this.cursor) == null ? void 0 : _a.getAgentIsActive())) {
+        (_b = this.cursor) == null ? void 0 : _b.drawCursor({
+          isFocus: false,
+          isBlink: false
+        });
+      }
+    });
+  }
 }
 class HistoryManager {
-  constructor() {
-    __publicField(this, "MAX_RECORD_COUNT", 1e3);
+  constructor(draw) {
     __publicField(this, "undoStack", []);
     __publicField(this, "redoStack", []);
+    __publicField(this, "maxRecordCount");
+    this.maxRecordCount = draw.getOptions().historyMaxRecordCount + 1;
   }
   undo() {
     if (this.undoStack.length > 1) {
@@ -5836,7 +5877,7 @@ class HistoryManager {
     if (this.redoStack.length) {
       this.redoStack = [];
     }
-    while (this.undoStack.length > this.MAX_RECORD_COUNT) {
+    while (this.undoStack.length > this.maxRecordCount) {
       this.undoStack.shift();
     }
   }
@@ -6162,7 +6203,7 @@ class Position {
         const isHead = x < this.options.margins[3];
         if (isHead) {
           const headIndex = positionList.findIndex((p) => p.pageNo === positionNo && p.rowNo === lastLetterList[j].rowNo);
-          curPositionIndex = ~headIndex ? headIndex - 1 : index2;
+          curPositionIndex = ~headIndex ? positionList[headIndex].value === ZERO ? headIndex : headIndex - 1 : index2;
         } else {
           curPositionIndex = index2;
         }
@@ -6266,6 +6307,10 @@ class RangeManager {
   clearRange() {
     this.setRange(-1, -1);
   }
+  getIsCollapsed() {
+    const { startIndex, endIndex } = this.range;
+    return startIndex === endIndex;
+  }
   getSelection() {
     const { startIndex, endIndex } = this.range;
     if (startIndex === endIndex)
@@ -6417,7 +6462,9 @@ class RangeManager {
   setRangeStyle() {
     if (!this.listener.rangeStyleChange)
       return;
-    const { endIndex, isCrossRowCol } = this.range;
+    const { startIndex, endIndex, isCrossRowCol } = this.range;
+    if (!~startIndex && !~endIndex)
+      return;
     let curElement;
     if (isCrossRowCol) {
       const originalElementList = this.draw.getOriginalElementList();
@@ -7156,9 +7203,10 @@ var MoveDirection;
   MoveDirection2["RIGHT"] = "right";
 })(MoveDirection || (MoveDirection = {}));
 class SelectionObserver {
-  constructor() {
+  constructor(draw) {
     __publicField(this, "step", 5);
     __publicField(this, "thresholdPoints", [70, 40, 10, 20]);
+    __publicField(this, "rangeManager");
     __publicField(this, "requestAnimationFrameId");
     __publicField(this, "isMousedown");
     __publicField(this, "isMoving");
@@ -7170,7 +7218,7 @@ class SelectionObserver {
       this._stopMove();
     });
     __publicField(this, "_mousemove", (evt) => {
-      if (!this.isMousedown)
+      if (!this.isMousedown || this.rangeManager.getIsCollapsed())
         return;
       const { x, y } = evt;
       const clientWidth = document.documentElement.clientWidth;
@@ -7190,6 +7238,7 @@ class SelectionObserver {
     this.requestAnimationFrameId = null;
     this.isMousedown = false;
     this.isMoving = false;
+    this.rangeManager = draw.getRange();
     this._addEvent();
   }
   _addEvent() {
@@ -7869,11 +7918,11 @@ class Header {
     return this.positionList;
   }
   compute() {
-    this._recovery();
+    this.recovery();
     this._computeRowList();
     this._computePositionList();
   }
-  _recovery() {
+  recovery() {
     this.rowList = [];
     this.positionList = [];
   }
@@ -10073,11 +10122,11 @@ class Footer {
     return this.positionList;
   }
   compute() {
-    this._recovery();
+    this.recovery();
     this._computeRowList();
     this._computePositionList();
   }
-  _recovery() {
+  recovery() {
     this.rowList = [];
     this.positionList = [];
   }
@@ -10232,6 +10281,80 @@ class ListParticle {
     ctx.restore();
   }
 }
+class Placeholder {
+  constructor(draw) {
+    __publicField(this, "draw");
+    __publicField(this, "position");
+    __publicField(this, "options");
+    __publicField(this, "elementList");
+    __publicField(this, "rowList");
+    __publicField(this, "positionList");
+    this.draw = draw;
+    this.position = draw.getPosition();
+    this.options = draw.getOptions();
+    this.elementList = [];
+    this.rowList = [];
+    this.positionList = [];
+  }
+  _recovery() {
+    this.elementList = [];
+    this.rowList = [];
+    this.positionList = [];
+  }
+  _compute() {
+    this._computeRowList();
+    this._computePositionList();
+  }
+  _computeRowList() {
+    const innerWidth = this.draw.getInnerWidth();
+    this.rowList = this.draw.computeRowList(innerWidth, this.elementList);
+  }
+  _computePositionList() {
+    const headerExtraHeight = this.draw.getHeader().getExtraHeight();
+    const innerWidth = this.draw.getInnerWidth();
+    const margins = this.draw.getMargins();
+    const startX = margins[3];
+    const startY = margins[0] + headerExtraHeight;
+    this.position.computePageRowPosition({
+      positionList: this.positionList,
+      rowList: this.rowList,
+      pageNo: 0,
+      startRowIndex: 0,
+      startIndex: 0,
+      startX,
+      startY,
+      innerWidth
+    });
+  }
+  render(ctx) {
+    const { placeholder: { data: data2, font, size, color, opacity } } = this.options;
+    if (!data2)
+      return;
+    this._recovery();
+    this.elementList = [{
+      value: data2,
+      font,
+      size,
+      color
+    }];
+    formatElementList(this.elementList, {
+      editorOptions: this.options
+    });
+    this._compute();
+    const innerWidth = this.draw.getInnerWidth();
+    ctx.save();
+    ctx.globalAlpha = opacity;
+    this.draw.drawRow(ctx, {
+      elementList: this.elementList,
+      positionList: this.positionList,
+      rowList: this.rowList,
+      pageNo: 0,
+      startIndex: 0,
+      innerWidth
+    });
+    ctx.restore();
+  }
+}
 class Draw {
   constructor(rootContainer, options, data2, listener) {
     __publicField(this, "container");
@@ -10267,6 +10390,7 @@ class Draw {
     __publicField(this, "tableTool");
     __publicField(this, "pageNumber");
     __publicField(this, "waterMark");
+    __publicField(this, "placeholder");
     __publicField(this, "header");
     __publicField(this, "footer");
     __publicField(this, "hyperlinkParticle");
@@ -10304,7 +10428,7 @@ class Draw {
     this.pageContainer = this._createPageContainer();
     this._createPage(0);
     this.i18n = new I18n();
-    this.historyManager = new HistoryManager();
+    this.historyManager = new HistoryManager(this);
     this.position = new Position(this);
     this.zone = new Zone(this);
     this.range = new RangeManager(this);
@@ -10322,6 +10446,7 @@ class Draw {
     this.tableTool = new TableTool(this);
     this.pageNumber = new PageNumber(this);
     this.waterMark = new Watermark(this);
+    this.placeholder = new Placeholder(this);
     this.header = new Header(this);
     this.footer = new Footer(this);
     this.hyperlinkParticle = new HyperlinkParticle(this);
@@ -10335,7 +10460,7 @@ class Draw {
     this.listParticle = new ListParticle(this);
     this.control = new Control(this);
     this.scrollObserver = new ScrollObserver(this);
-    this.selectionObserver = new SelectionObserver();
+    this.selectionObserver = new SelectionObserver(this);
     this.imageObserver = new ImageObserver();
     this.canvasEvent = new CanvasEvent(this);
     this.cursor = new Cursor(this, this.canvasEvent);
@@ -10679,6 +10804,9 @@ class Draw {
       this.range.setRangeStyle();
     });
   }
+  getIsPagingMode() {
+    return this.options.pageMode === PageMode.PAGING;
+  }
   setPageMode(payload) {
     if (!payload || this.options.pageMode === payload)
       return;
@@ -10690,6 +10818,11 @@ class Draw {
       canvas.style.height = `${height}px`;
       canvas.height = height * dpr;
       this._initPageContext(this.ctxList[0]);
+    } else {
+      this._disconnectLazyRender();
+      this.header.recovery();
+      this.footer.recovery();
+      this.zone.setZone(EditorZone.MAIN);
     }
     this.render({
       isSubmitHistory: false,
@@ -11182,6 +11315,15 @@ class Draw {
         const element = curRow.elementList[j];
         const metrics = element.metrics;
         const { ascent: offsetY, coordinate: { leftTop: [x, y] } } = positionList[curRow.startIndex + j];
+        const preElement = curRow.elementList[j - 1];
+        if (element.highlight) {
+          if (preElement && preElement.highlight && preElement.highlight !== element.highlight) {
+            this.highlight.render(ctx);
+          }
+          this.highlight.recordFillInfo(ctx, x, y, metrics.width, curRow.height, element.highlight);
+        } else if (preElement == null ? void 0 : preElement.highlight) {
+          this.highlight.render(ctx);
+        }
         if (element.type === ElementType.IMAGE) {
           this._drawRichText(ctx);
           this.imageParticle.render(ctx, element, x, y + offsetY);
@@ -11227,7 +11369,6 @@ class Draw {
         } else {
           this.textParticle.record(ctx, element, x, y + offsetY);
         }
-        const preElement = curRow.elementList[j - 1];
         if (element.underline) {
           this.underline.recordFillInfo(ctx, x, y + curRow.height, metrics.width, 0, element.color);
         } else if (preElement == null ? void 0 : preElement.underline) {
@@ -11238,14 +11379,6 @@ class Draw {
         } else if (preElement == null ? void 0 : preElement.strikeout) {
           this.strikeout.render(ctx);
         }
-        if (element.highlight) {
-          if (preElement && preElement.highlight && preElement.highlight !== element.highlight) {
-            this.highlight.render(ctx);
-          }
-          this.highlight.recordFillInfo(ctx, x, y, metrics.width, curRow.height, element.highlight);
-        } else if (preElement == null ? void 0 : preElement.highlight) {
-          this.highlight.render(ctx);
-        }
         const { zone: currentZone, startIndex: startIndex2, endIndex } = this.range.getRange();
         if (currentZone === zone && startIndex2 !== endIndex && startIndex2 <= index2 && index2 <= endIndex) {
           if (startIndex2 === index2) {
@@ -11331,14 +11464,16 @@ class Draw {
       innerWidth,
       zone: EditorZone.MAIN
     });
-    if (!header.disabled) {
-      this.header.render(ctx, pageNo);
-    }
-    if (!pageNumber.disabled) {
-      this.pageNumber.render(ctx, pageNo);
-    }
-    if (!footer.disabled) {
-      this.footer.render(ctx, pageNo);
+    if (this.getIsPagingMode()) {
+      if (!header.disabled) {
+        this.header.render(ctx, pageNo);
+      }
+      if (!pageNumber.disabled) {
+        this.pageNumber.render(ctx, pageNo);
+      }
+      if (!footer.disabled) {
+        this.footer.render(ctx, pageNo);
+      }
     }
     if (this.search.getSearchKeyword()) {
       this.search.render(ctx, pageNo);
@@ -11346,12 +11481,18 @@ class Draw {
     if (pageMode !== PageMode.CONTINUITY && this.options.watermark.data) {
       this.waterMark.render(ctx);
     }
+    if (this.elementList.length <= 1) {
+      this.placeholder.render(ctx);
+    }
   }
-  _lazyRender() {
+  _disconnectLazyRender() {
     var _a;
+    (_a = this.lazyRenderIntersectionObserver) == null ? void 0 : _a.disconnect();
+  }
+  _lazyRender() {
     const positionList = this.position.getOriginalMainPositionList();
     const elementList = this.getOriginalMainElementList();
-    (_a = this.lazyRenderIntersectionObserver) == null ? void 0 : _a.disconnect();
+    this._disconnectLazyRender();
     this.lazyRenderIntersectionObserver = new IntersectionObserver((entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
@@ -11383,16 +11524,19 @@ class Draw {
   }
   render(payload) {
     var _a;
-    const { pageMode, header, footer } = this.options;
+    const { header, footer } = this.options;
     const { isSubmitHistory = true, isSetCursor = true, isCompute = true, isLazy = true } = payload || {};
     let { curIndex } = payload || {};
     const innerWidth = this.getInnerWidth();
+    const isPagingMode = this.getIsPagingMode();
     if (isCompute) {
-      if (!header.disabled) {
-        this.header.compute();
-      }
-      if (!footer.disabled) {
-        this.footer.compute();
+      if (isPagingMode) {
+        if (!header.disabled) {
+          this.header.compute();
+        }
+        if (!footer.disabled) {
+          this.footer.compute();
+        }
       }
       this.rowList = this.computeRowList(innerWidth, this.elementList);
       this.pageRowList = this._computePageList();
@@ -11416,7 +11560,7 @@ class Draw {
       this.ctxList.splice(curPageCount, deleteCount);
       this.pageList.splice(curPageCount, deleteCount).forEach((page) => page.remove());
     }
-    if (isLazy && pageMode === PageMode.PAGING) {
+    if (isLazy && isPagingMode) {
       this._lazyRender();
     } else {
       this._immediateRender();
@@ -11480,406 +11624,164 @@ class Draw {
     this.selectionObserver.removeEvent();
   }
 }
-const _Command = class {
+class Command {
   constructor(adapt) {
-    _Command.mode = adapt.mode.bind(adapt);
-    _Command.cut = adapt.cut.bind(adapt);
-    _Command.copy = adapt.copy.bind(adapt);
-    _Command.paste = adapt.paste.bind(adapt);
-    _Command.selectAll = adapt.selectAll.bind(adapt);
-    _Command.backspace = adapt.backspace.bind(adapt);
-    _Command.setRange = adapt.setRange.bind(adapt);
-    _Command.undo = adapt.undo.bind(adapt);
-    _Command.redo = adapt.redo.bind(adapt);
-    _Command.painter = adapt.painter.bind(adapt);
-    _Command.applyPainterStyle = adapt.applyPainterStyle.bind(adapt);
-    _Command.format = adapt.format.bind(adapt);
-    _Command.font = adapt.font.bind(adapt);
-    _Command.size = adapt.size.bind(adapt);
-    _Command.sizeAdd = adapt.sizeAdd.bind(adapt);
-    _Command.sizeMinus = adapt.sizeMinus.bind(adapt);
-    _Command.bold = adapt.bold.bind(adapt);
-    _Command.italic = adapt.italic.bind(adapt);
-    _Command.underline = adapt.underline.bind(adapt);
-    _Command.strikeout = adapt.strikeout.bind(adapt);
-    _Command.superscript = adapt.superscript.bind(adapt);
-    _Command.subscript = adapt.subscript.bind(adapt);
-    _Command.color = adapt.color.bind(adapt);
-    _Command.highlight = adapt.highlight.bind(adapt);
-    _Command.title = adapt.title.bind(adapt);
-    _Command.list = adapt.list.bind(adapt);
-    _Command.left = adapt.rowFlex.bind(adapt);
-    _Command.center = adapt.rowFlex.bind(adapt);
-    _Command.right = adapt.rowFlex.bind(adapt);
-    _Command.alignment = adapt.rowFlex.bind(adapt);
-    _Command.rowMargin = adapt.rowMargin.bind(adapt);
-    _Command.insertTable = adapt.insertTable.bind(adapt);
-    _Command.insertTableTopRow = adapt.insertTableTopRow.bind(adapt);
-    _Command.insertTableBottomRow = adapt.insertTableBottomRow.bind(adapt);
-    _Command.insertTableLeftCol = adapt.insertTableLeftCol.bind(adapt);
-    _Command.insertTableRightCol = adapt.insertTableRightCol.bind(adapt);
-    _Command.deleteTableRow = adapt.deleteTableRow.bind(adapt);
-    _Command.deleteTableCol = adapt.deleteTableCol.bind(adapt);
-    _Command.deleteTable = adapt.deleteTable.bind(adapt);
-    _Command.mergeTableCell = adapt.mergeTableCell.bind(adapt);
-    _Command.cancelMergeTableCell = adapt.cancelMergeTableCell.bind(adapt);
-    _Command.tableTdVerticalAlign = adapt.tableTdVerticalAlign.bind(adapt);
-    _Command.tableBorderType = adapt.tableBorderType.bind(adapt);
-    _Command.tableTdBackgroundColor = adapt.tableTdBackgroundColor.bind(adapt);
-    _Command.image = adapt.image.bind(adapt);
-    _Command.hyperlink = adapt.hyperlink.bind(adapt);
-    _Command.deleteHyperlink = adapt.deleteHyperlink.bind(adapt);
-    _Command.cancelHyperlink = adapt.cancelHyperlink.bind(adapt);
-    _Command.editHyperlink = adapt.editHyperlink.bind(adapt);
-    _Command.separator = adapt.separator.bind(adapt);
-    _Command.pageBreak = adapt.pageBreak.bind(adapt);
-    _Command.addWatermark = adapt.addWatermark.bind(adapt);
-    _Command.deleteWatermark = adapt.deleteWatermark.bind(adapt);
-    _Command.search = adapt.search.bind(adapt);
-    _Command.searchNavigatePre = adapt.searchNavigatePre.bind(adapt);
-    _Command.searchNavigateNext = adapt.searchNavigateNext.bind(adapt);
-    _Command.getSearchNavigateInfo = adapt.getSearchNavigateInfo.bind(adapt);
-    _Command.replace = adapt.replace.bind(adapt);
-    _Command.print = adapt.print.bind(adapt);
-    _Command.replaceImageElement = adapt.replaceImageElement.bind(adapt);
-    _Command.saveAsImageElement = adapt.saveAsImageElement.bind(adapt);
-    _Command.changeImageDisplay = adapt.changeImageDisplay.bind(adapt);
-    _Command.getImage = adapt.getImage.bind(adapt);
-    _Command.getValue = adapt.getValue.bind(adapt);
-    _Command.getWordCount = adapt.getWordCount.bind(adapt);
-    _Command.getRangeText = adapt.getRangeText.bind(adapt);
-    _Command.pageMode = adapt.pageMode.bind(adapt);
-    _Command.pageScaleRecovery = adapt.pageScaleRecovery.bind(adapt);
-    _Command.pageScaleMinus = adapt.pageScaleMinus.bind(adapt);
-    _Command.pageScaleAdd = adapt.pageScaleAdd.bind(adapt);
-    _Command.paperSize = adapt.paperSize.bind(adapt);
-    _Command.paperDirection = adapt.paperDirection.bind(adapt);
-    _Command.getPaperMargin = adapt.getPaperMargin.bind(adapt);
-    _Command.setPaperMargin = adapt.setPaperMargin.bind(adapt);
-    _Command.insertElementList = adapt.insertElementList.bind(adapt);
-    _Command.removeControl = adapt.removeControl.bind(adapt);
-    _Command.setLocale = adapt.setLocale.bind(adapt);
-    _Command.getCatalog = adapt.getCatalog.bind(adapt);
-    _Command.locationCatalog = adapt.locationCatalog.bind(adapt);
-  }
-  executeMode(payload) {
-    return _Command.mode(payload);
-  }
-  executeCut() {
-    return _Command.cut();
-  }
-  executeCopy() {
-    return _Command.copy();
-  }
-  executePaste() {
-    return _Command.paste();
-  }
-  executeSelectAll() {
-    return _Command.selectAll();
-  }
-  executeBackspace() {
-    return _Command.backspace();
-  }
-  executeSetRange(startIndex, endIndex) {
-    return _Command.setRange(startIndex, endIndex);
-  }
-  executeUndo() {
-    return _Command.undo();
-  }
-  executeRedo() {
-    return _Command.redo();
-  }
-  executePainter(options) {
-    return _Command.painter(options);
-  }
-  executeApplyPainterStyle() {
-    return _Command.applyPainterStyle();
-  }
-  executeFormat() {
-    return _Command.format();
-  }
-  executeFont(payload) {
-    return _Command.font(payload);
-  }
-  executeSize(payload) {
-    return _Command.size(payload);
-  }
-  executeSizeAdd() {
-    return _Command.sizeAdd();
-  }
-  executeSizeMinus() {
-    return _Command.sizeMinus();
-  }
-  executeBold() {
-    return _Command.bold();
-  }
-  executeItalic() {
-    return _Command.italic();
-  }
-  executeUnderline() {
-    return _Command.underline();
-  }
-  executeStrikeout() {
-    return _Command.strikeout();
-  }
-  executeSuperscript() {
-    return _Command.superscript();
-  }
-  executeSubscript() {
-    return _Command.subscript();
-  }
-  executeColor(payload) {
-    return _Command.color(payload);
-  }
-  executeHighlight(payload) {
-    return _Command.highlight(payload);
-  }
-  executeTitle(payload) {
-    return _Command.title(payload);
-  }
-  executeLeft() {
-    return _Command.left(RowFlex.LEFT);
-  }
-  executeCenter() {
-    return _Command.center(RowFlex.CENTER);
-  }
-  executeRight() {
-    return _Command.right(RowFlex.RIGHT);
-  }
-  executeAlignment() {
-    return _Command.alignment(RowFlex.ALIGNMENT);
-  }
-  executeRowMargin(payload) {
-    return _Command.rowMargin(payload);
-  }
-  executeList(listType, listStyle) {
-    return _Command.list(listType, listStyle);
-  }
-  executeInsertTable(row, col) {
-    return _Command.insertTable(row, col);
-  }
-  executeInsertTableTopRow() {
-    return _Command.insertTableTopRow();
-  }
-  executeInsertTableBottomRow() {
-    return _Command.insertTableBottomRow();
-  }
-  executeInsertTableLeftCol() {
-    return _Command.insertTableLeftCol();
-  }
-  executeInsertTableRightCol() {
-    return _Command.insertTableRightCol();
-  }
-  executeDeleteTableRow() {
-    return _Command.deleteTableRow();
-  }
-  executeDeleteTableCol() {
-    return _Command.deleteTableCol();
-  }
-  executeDeleteTable() {
-    return _Command.deleteTable();
-  }
-  executeMergeTableCell() {
-    return _Command.mergeTableCell();
-  }
-  executeCancelMergeTableCell() {
-    return _Command.cancelMergeTableCell();
-  }
-  executeTableTdVerticalAlign(payload) {
-    return _Command.tableTdVerticalAlign(payload);
-  }
-  executeTableBorderType(payload) {
-    return _Command.tableBorderType(payload);
-  }
-  executeTableTdBackgroundColor(payload) {
-    return _Command.tableTdBackgroundColor(payload);
-  }
-  executeHyperlink(payload) {
-    return _Command.hyperlink(payload);
-  }
-  executeDeleteHyperlink() {
-    return _Command.deleteHyperlink();
-  }
-  executeCancelHyperlink() {
-    return _Command.cancelHyperlink();
+    __publicField(this, "executeMode");
+    __publicField(this, "executeCut");
+    __publicField(this, "executeCopy");
+    __publicField(this, "executePaste");
+    __publicField(this, "executeSelectAll");
+    __publicField(this, "executeBackspace");
+    __publicField(this, "executeSetRange");
+    __publicField(this, "executeUndo");
+    __publicField(this, "executeRedo");
+    __publicField(this, "executePainter");
+    __publicField(this, "executeApplyPainterStyle");
+    __publicField(this, "executeFormat");
+    __publicField(this, "executeFont");
+    __publicField(this, "executeSize");
+    __publicField(this, "executeSizeAdd");
+    __publicField(this, "executeSizeMinus");
+    __publicField(this, "executeBold");
+    __publicField(this, "executeItalic");
+    __publicField(this, "executeUnderline");
+    __publicField(this, "executeStrikeout");
+    __publicField(this, "executeSuperscript");
+    __publicField(this, "executeSubscript");
+    __publicField(this, "executeColor");
+    __publicField(this, "executeHighlight");
+    __publicField(this, "executeTitle");
+    __publicField(this, "executeList");
+    __publicField(this, "executeRowFlex");
+    __publicField(this, "executeRowMargin");
+    __publicField(this, "executeInsertTable");
+    __publicField(this, "executeInsertTableTopRow");
+    __publicField(this, "executeInsertTableBottomRow");
+    __publicField(this, "executeInsertTableLeftCol");
+    __publicField(this, "executeInsertTableRightCol");
+    __publicField(this, "executeDeleteTableRow");
+    __publicField(this, "executeDeleteTableCol");
+    __publicField(this, "executeDeleteTable");
+    __publicField(this, "executeMergeTableCell");
+    __publicField(this, "executeCancelMergeTableCell");
+    __publicField(this, "executeTableTdVerticalAlign");
+    __publicField(this, "executeTableBorderType");
+    __publicField(this, "executeTableTdBackgroundColor");
+    __publicField(this, "executeImage");
+    __publicField(this, "executeHyperlink");
+    __publicField(this, "executeDeleteHyperlink");
+    __publicField(this, "executeCancelHyperlink");
+    __publicField(this, "executeEditHyperlink");
+    __publicField(this, "executeSeparator");
+    __publicField(this, "executePageBreak");
+    __publicField(this, "executeAddWatermark");
+    __publicField(this, "executeDeleteWatermark");
+    __publicField(this, "executeSearch");
+    __publicField(this, "executeSearchNavigatePre");
+    __publicField(this, "executeSearchNavigateNext");
+    __publicField(this, "executeReplace");
+    __publicField(this, "executePrint");
+    __publicField(this, "executeReplaceImageElement");
+    __publicField(this, "executeSaveAsImageElement");
+    __publicField(this, "executeChangeImageDisplay");
+    __publicField(this, "executePageMode");
+    __publicField(this, "executePageScaleRecovery");
+    __publicField(this, "executePageScaleMinus");
+    __publicField(this, "executePageScaleAdd");
+    __publicField(this, "executePaperSize");
+    __publicField(this, "executePaperDirection");
+    __publicField(this, "executeSetPaperMargin");
+    __publicField(this, "executeInsertElementList");
+    __publicField(this, "executeRemoveControl");
+    __publicField(this, "executeSetLocale");
+    __publicField(this, "executeLocationCatalog");
+    __publicField(this, "executeWordTool");
+    __publicField(this, "getCatalog");
+    __publicField(this, "getImage");
+    __publicField(this, "getValue");
+    __publicField(this, "getWordCount");
+    __publicField(this, "getRangeText");
+    __publicField(this, "getPaperMargin");
+    __publicField(this, "getSearchNavigateInfo");
+    this.executeMode = adapt.mode.bind(adapt);
+    this.executeCut = adapt.cut.bind(adapt);
+    this.executeCopy = adapt.copy.bind(adapt);
+    this.executePaste = adapt.paste.bind(adapt);
+    this.executeSelectAll = adapt.selectAll.bind(adapt);
+    this.executeBackspace = adapt.backspace.bind(adapt);
+    this.executeSetRange = adapt.setRange.bind(adapt);
+    this.executeUndo = adapt.undo.bind(adapt);
+    this.executeRedo = adapt.redo.bind(adapt);
+    this.executePainter = adapt.painter.bind(adapt);
+    this.executeApplyPainterStyle = adapt.applyPainterStyle.bind(adapt);
+    this.executeFormat = adapt.format.bind(adapt);
+    this.executeFont = adapt.font.bind(adapt);
+    this.executeSize = adapt.size.bind(adapt);
+    this.executeSizeAdd = adapt.sizeAdd.bind(adapt);
+    this.executeSizeMinus = adapt.sizeMinus.bind(adapt);
+    this.executeBold = adapt.bold.bind(adapt);
+    this.executeItalic = adapt.italic.bind(adapt);
+    this.executeUnderline = adapt.underline.bind(adapt);
+    this.executeStrikeout = adapt.strikeout.bind(adapt);
+    this.executeSuperscript = adapt.superscript.bind(adapt);
+    this.executeSubscript = adapt.subscript.bind(adapt);
+    this.executeColor = adapt.color.bind(adapt);
+    this.executeHighlight = adapt.highlight.bind(adapt);
+    this.executeTitle = adapt.title.bind(adapt);
+    this.executeList = adapt.list.bind(adapt);
+    this.executeRowFlex = adapt.rowFlex.bind(adapt);
+    this.executeRowMargin = adapt.rowMargin.bind(adapt);
+    this.executeInsertTable = adapt.insertTable.bind(adapt);
+    this.executeInsertTableTopRow = adapt.insertTableTopRow.bind(adapt);
+    this.executeInsertTableBottomRow = adapt.insertTableBottomRow.bind(adapt);
+    this.executeInsertTableLeftCol = adapt.insertTableLeftCol.bind(adapt);
+    this.executeInsertTableRightCol = adapt.insertTableRightCol.bind(adapt);
+    this.executeDeleteTableRow = adapt.deleteTableRow.bind(adapt);
+    this.executeDeleteTableCol = adapt.deleteTableCol.bind(adapt);
+    this.executeDeleteTable = adapt.deleteTable.bind(adapt);
+    this.executeMergeTableCell = adapt.mergeTableCell.bind(adapt);
+    this.executeCancelMergeTableCell = adapt.cancelMergeTableCell.bind(adapt);
+    this.executeTableTdVerticalAlign = adapt.tableTdVerticalAlign.bind(adapt);
+    this.executeTableBorderType = adapt.tableBorderType.bind(adapt);
+    this.executeTableTdBackgroundColor = adapt.tableTdBackgroundColor.bind(adapt);
+    this.executeImage = adapt.image.bind(adapt);
+    this.executeHyperlink = adapt.hyperlink.bind(adapt);
+    this.executeDeleteHyperlink = adapt.deleteHyperlink.bind(adapt);
+    this.executeCancelHyperlink = adapt.cancelHyperlink.bind(adapt);
+    this.executeEditHyperlink = adapt.editHyperlink.bind(adapt);
+    this.executeSeparator = adapt.separator.bind(adapt);
+    this.executePageBreak = adapt.pageBreak.bind(adapt);
+    this.executeAddWatermark = adapt.addWatermark.bind(adapt);
+    this.executeDeleteWatermark = adapt.deleteWatermark.bind(adapt);
+    this.executeSearch = adapt.search.bind(adapt);
+    this.executeSearchNavigatePre = adapt.searchNavigatePre.bind(adapt);
+    this.executeSearchNavigateNext = adapt.searchNavigateNext.bind(adapt);
+    this.executeReplace = adapt.replace.bind(adapt);
+    this.executePrint = adapt.print.bind(adapt);
+    this.executeReplaceImageElement = adapt.replaceImageElement.bind(adapt);
+    this.executeSaveAsImageElement = adapt.saveAsImageElement.bind(adapt);
+    this.executeChangeImageDisplay = adapt.changeImageDisplay.bind(adapt);
+    this.executePageMode = adapt.pageMode.bind(adapt);
+    this.executePageScaleRecovery = adapt.pageScaleRecovery.bind(adapt);
+    this.executePageScaleMinus = adapt.pageScaleMinus.bind(adapt);
+    this.executePageScaleAdd = adapt.pageScaleAdd.bind(adapt);
+    this.executePaperSize = adapt.paperSize.bind(adapt);
+    this.executePaperDirection = adapt.paperDirection.bind(adapt);
+    this.executeSetPaperMargin = adapt.setPaperMargin.bind(adapt);
+    this.executeInsertElementList = adapt.insertElementList.bind(adapt);
+    this.executeRemoveControl = adapt.removeControl.bind(adapt);
+    this.executeSetLocale = adapt.setLocale.bind(adapt);
+    this.executeLocationCatalog = adapt.locationCatalog.bind(adapt);
+    this.executeWordTool = adapt.wordTool.bind(adapt);
+    this.getImage = adapt.getImage.bind(adapt);
+    this.getValue = adapt.getValue.bind(adapt);
+    this.getWordCount = adapt.getWordCount.bind(adapt);
+    this.getRangeText = adapt.getRangeText.bind(adapt);
+    this.getCatalog = adapt.getCatalog.bind(adapt);
+    this.getPaperMargin = adapt.getPaperMargin.bind(adapt);
+    this.getSearchNavigateInfo = adapt.getSearchNavigateInfo.bind(adapt);
   }
-  executeEditHyperlink(payload) {
-    return _Command.editHyperlink(payload);
-  }
-  executeImage(payload) {
-    return _Command.image(payload);
-  }
-  executeSeparator(payload) {
-    return _Command.separator(payload);
-  }
-  executePageBreak() {
-    return _Command.pageBreak();
-  }
-  executeAddWatermark(payload) {
-    return _Command.addWatermark(payload);
-  }
-  executeDeleteWatermark() {
-    return _Command.deleteWatermark();
-  }
-  executeSearch(payload) {
-    return _Command.search(payload);
-  }
-  executeSearchNavigatePre() {
-    return _Command.searchNavigatePre();
-  }
-  executeSearchNavigateNext() {
-    return _Command.searchNavigateNext();
-  }
-  getSearchNavigateInfo() {
-    return _Command.getSearchNavigateInfo();
-  }
-  executeReplace(payload) {
-    return _Command.replace(payload);
-  }
-  executePrint() {
-    return _Command.print();
-  }
-  executeReplaceImageElement(payload) {
-    return _Command.replaceImageElement(payload);
-  }
-  executeSaveAsImageElement() {
-    return _Command.saveAsImageElement();
-  }
-  executeChangeImageDisplay(element, display) {
-    return _Command.changeImageDisplay(element, display);
-  }
-  getImage() {
-    return _Command.getImage();
-  }
-  getValue() {
-    return _Command.getValue();
-  }
-  getWordCount() {
-    return _Command.getWordCount();
-  }
-  getRangeText() {
-    return _Command.getRangeText();
-  }
-  executePageMode(payload) {
-    return _Command.pageMode(payload);
-  }
-  executePageScaleRecovery() {
-    return _Command.pageScaleRecovery();
-  }
-  executePageScaleMinus() {
-    return _Command.pageScaleMinus();
-  }
-  executePageScaleAdd() {
-    return _Command.pageScaleAdd();
-  }
-  executePaperSize(width, height) {
-    return _Command.paperSize(width, height);
-  }
-  executePaperDirection(payload) {
-    return _Command.paperDirection(payload);
-  }
-  getPaperMargin() {
-    return _Command.getPaperMargin();
-  }
-  executeSetPaperMargin(payload) {
-    return _Command.setPaperMargin(payload);
-  }
-  executeInsertElementList(payload) {
-    return _Command.insertElementList(payload);
-  }
-  executeRemoveControl() {
-    return _Command.removeControl();
-  }
-  executeSetLocale(payload) {
-    return _Command.setLocale(payload);
-  }
-  getCatalog() {
-    return _Command.getCatalog();
-  }
-  executeLocationCatalog(titleId) {
-    return _Command.locationCatalog(titleId);
-  }
-};
-let Command = _Command;
-__publicField(Command, "mode");
-__publicField(Command, "cut");
-__publicField(Command, "copy");
-__publicField(Command, "paste");
-__publicField(Command, "selectAll");
-__publicField(Command, "backspace");
-__publicField(Command, "setRange");
-__publicField(Command, "undo");
-__publicField(Command, "redo");
-__publicField(Command, "painter");
-__publicField(Command, "applyPainterStyle");
-__publicField(Command, "format");
-__publicField(Command, "font");
-__publicField(Command, "size");
-__publicField(Command, "sizeAdd");
-__publicField(Command, "sizeMinus");
-__publicField(Command, "bold");
-__publicField(Command, "italic");
-__publicField(Command, "underline");
-__publicField(Command, "strikeout");
-__publicField(Command, "superscript");
-__publicField(Command, "subscript");
-__publicField(Command, "color");
-__publicField(Command, "highlight");
-__publicField(Command, "title");
-__publicField(Command, "list");
-__publicField(Command, "left");
-__publicField(Command, "center");
-__publicField(Command, "right");
-__publicField(Command, "alignment");
-__publicField(Command, "rowMargin");
-__publicField(Command, "insertTable");
-__publicField(Command, "insertTableTopRow");
-__publicField(Command, "insertTableBottomRow");
-__publicField(Command, "insertTableLeftCol");
-__publicField(Command, "insertTableRightCol");
-__publicField(Command, "deleteTableRow");
-__publicField(Command, "deleteTableCol");
-__publicField(Command, "deleteTable");
-__publicField(Command, "mergeTableCell");
-__publicField(Command, "cancelMergeTableCell");
-__publicField(Command, "tableTdVerticalAlign");
-__publicField(Command, "tableBorderType");
-__publicField(Command, "tableTdBackgroundColor");
-__publicField(Command, "image");
-__publicField(Command, "hyperlink");
-__publicField(Command, "deleteHyperlink");
-__publicField(Command, "cancelHyperlink");
-__publicField(Command, "editHyperlink");
-__publicField(Command, "separator");
-__publicField(Command, "pageBreak");
-__publicField(Command, "addWatermark");
-__publicField(Command, "deleteWatermark");
-__publicField(Command, "search");
-__publicField(Command, "searchNavigatePre");
-__publicField(Command, "searchNavigateNext");
-__publicField(Command, "getSearchNavigateInfo");
-__publicField(Command, "replace");
-__publicField(Command, "print");
-__publicField(Command, "replaceImageElement");
-__publicField(Command, "saveAsImageElement");
-__publicField(Command, "changeImageDisplay");
-__publicField(Command, "getImage");
-__publicField(Command, "getValue");
-__publicField(Command, "getWordCount");
-__publicField(Command, "getRangeText");
-__publicField(Command, "pageMode");
-__publicField(Command, "pageScaleRecovery");
-__publicField(Command, "pageScaleMinus");
-__publicField(Command, "pageScaleAdd");
-__publicField(Command, "paperSize");
-__publicField(Command, "paperDirection");
-__publicField(Command, "getPaperMargin");
-__publicField(Command, "setPaperMargin");
-__publicField(Command, "insertElementList");
-__publicField(Command, "removeControl");
-__publicField(Command, "setLocale");
-__publicField(Command, "getCatalog");
-__publicField(Command, "locationCatalog");
+}
 const defaultWatermarkOption = {
   data: "",
   color: "#AEB5C0",
@@ -13520,6 +13422,32 @@ class CommandAdapt {
       isSubmitHistory: false
     });
   }
+  wordTool() {
+    const elementList = this.draw.getMainElementList();
+    let isApply = false;
+    for (let i = 0; i < elementList.length; i++) {
+      const element = elementList[i];
+      if (element.value === ZERO) {
+        while (i + 1 < elementList.length) {
+          const nextElement = elementList[i + 1];
+          if (nextElement.value !== ZERO && nextElement.value !== NBSP)
+            break;
+          elementList.splice(i + 1, 1);
+          isApply = true;
+        }
+      }
+    }
+    if (!isApply) {
+      const isCollapsed = this.range.getIsCollapsed();
+      this.draw.getCursor().drawCursor({
+        isShow: isCollapsed
+      });
+    } else {
+      this.draw.render({
+        isSetCursor: false
+      });
+    }
+  }
 }
 class Listener {
   constructor() {
@@ -14176,28 +14104,28 @@ const richtextKeys = [
     key: KeyMap.L,
     mod: true,
     callback: (command) => {
-      command.executeLeft();
+      command.executeRowFlex(RowFlex.LEFT);
     }
   },
   {
     key: KeyMap.E,
     mod: true,
     callback: (command) => {
-      command.executeCenter();
+      command.executeRowFlex(RowFlex.CENTER);
     }
   },
   {
     key: KeyMap.R,
     mod: true,
     callback: (command) => {
-      command.executeRight();
+      command.executeRowFlex(RowFlex.RIGHT);
     }
   },
   {
     key: KeyMap.J,
     mod: true,
     callback: (command) => {
-      command.executeAlignment();
+      command.executeRowFlex(RowFlex.ALIGNMENT);
     }
   }
 ];
@@ -14339,6 +14267,13 @@ const defaultFooterOption = {
   maxHeightRadio: MaxHeightRatio.HALF,
   disabled: false
 };
+const defaultPlaceholderOption = {
+  data: "",
+  color: "#DCDFE6",
+  opacity: 1,
+  size: 16,
+  font: "Yahei"
+};
 class Editor {
   constructor(container, data2, options = {}) {
     __publicField(this, "command");
@@ -14353,6 +14288,7 @@ class Editor {
     const checkboxOptions = __spreadValues(__spreadValues({}, defaultCheckboxOption), options.checkbox);
     const cursorOptions = __spreadValues(__spreadValues({}, defaultCursorOption), options.cursor);
     const titleOptions = __spreadValues(__spreadValues({}, defaultTitleOption), options.title);
+    const placeholderOptions = __spreadValues(__spreadValues({}, defaultPlaceholderOption), options.placeholder);
     const editorOptions = __spreadProps(__spreadValues({
       mode: EditorMode.EDIT,
       defaultType: "TEXT",
@@ -14386,7 +14322,8 @@ class Editor {
       defaultTrMinHeight: 40,
       defaultHyperlinkColor: "#0000FF",
       paperDirection: PaperDirection.VERTICAL,
-      inactiveAlpha: 0.6
+      inactiveAlpha: 0.6,
+      historyMaxRecordCount: 100
     }, options), {
       header: headerOptions,
       footer: footerOptions,
@@ -14395,7 +14332,8 @@ class Editor {
       control: controlOptions,
       checkbox: checkboxOptions,
       cursor: cursorOptions,
-      title: titleOptions
+      title: titleOptions,
+      placeholder: placeholderOptions
     });
     let headerElementList = [];
     let mainElementList = [];