feat: add getHTML api #218

Hufe921 · Jul 25, 2023 · b12c6cc · b12c6cc
1 parent 0bacc11
commit b12c6cc
Show file tree

Hide file tree

Showing 7 changed files with 460 additions and 420 deletions.
diff --git a/docs/guide/command-get.md b/docs/guide/command-get.md
@@ -81,4 +81,16 @@ const {
 用法：
 ```javascript
 const catalog = await instance.command.getCatalog()
-```
+```
+
+## getHTML
+功能：获取HTML
+
+用法：
+```javascript
+const {
+  header: string
+  main: string
+  footer: string
+} = await instance.command.getHTML()
+```
diff --git a/src/editor/core/command/Command.ts b/src/editor/core/command/Command.ts
@@ -77,6 +77,7 @@ export class Command {
   public getCatalog: CommandAdapt['getCatalog']
   public getImage: CommandAdapt['getImage']
   public getValue: CommandAdapt['getValue']
+  public getHTML: CommandAdapt['getHTML']
   public getWordCount: CommandAdapt['getWordCount']
   public getRangeText: CommandAdapt['getRangeText']
   public getRangeContext: CommandAdapt['getRangeContext']
@@ -167,6 +168,7 @@ export class Command {
     // 获取
     this.getImage = adapt.getImage.bind(adapt)
     this.getValue = adapt.getValue.bind(adapt)
+    this.getHTML = adapt.getHTML.bind(adapt)
     this.getWordCount = adapt.getWordCount.bind(adapt)
     this.getRangeText = adapt.getRangeText.bind(adapt)
     this.getRangeContext = adapt.getRangeContext.bind(adapt)

diff --git a/src/editor/core/command/CommandAdapt.ts b/src/editor/core/command/CommandAdapt.ts
@@ -17,6 +17,7 @@ import { TableBorder } from '../../dataset/enum/table/Table'
 import { TitleLevel } from '../../dataset/enum/Title'
 import { VerticalAlign } from '../../dataset/enum/VerticalAlign'
 import { ICatalog } from '../../interface/Catalog'
+import { DeepRequired } from '../../interface/Common'
 import {
   IAppendElementListOption,
   IDrawImagePayload,
@@ -25,6 +26,7 @@ import {
 } from '../../interface/Draw'
 import {
   IEditorData,
+  IEditorHTML,
   IEditorOption,
   IEditorResult
 } from '../../interface/Editor'
@@ -37,6 +39,7 @@ import { ITr } from '../../interface/table/Tr'
 import { IWatermark } from '../../interface/Watermark'
 import { deepClone, downloadFile, getUUID } from '../../utils'
 import {
+  createDomFromElementList,
   formatElementContext,
   formatElementList,
   isTextLikeElement,
@@ -61,7 +64,7 @@ export class CommandAdapt {
   private historyManager: HistoryManager
   private canvasEvent: CanvasEvent
   private tableTool: TableTool
-  private options: Required<IEditorOption>
+  private options: DeepRequired<IEditorOption>
   private control: Control
   private workerManager: WorkerManager
   private searchManager: Search
@@ -1680,6 +1683,18 @@ export class CommandAdapt {
     return this.draw.getValue(options)
   }
 
+  public getHTML(): IEditorHTML {
+    const options = this.options
+    const headerElementList = this.draw.getHeaderElementList()
+    const mainElementList = this.draw.getOriginalMainElementList()
+    const footerElementList = this.draw.getFooterElementList()
+    return {
+      header: createDomFromElementList(headerElementList, options).innerHTML,
+      main: createDomFromElementList(mainElementList, options).innerHTML,
+      footer: createDomFromElementList(footerElementList, options).innerHTML
+    }
+  }
+
   public getWordCount(): Promise<number> {
     return this.workerManager.getWordCount()
   }

diff --git a/src/editor/core/cursor/CursorAgent.ts b/src/editor/core/cursor/CursorAgent.ts
@@ -4,8 +4,7 @@ import { VIRTUAL_ELEMENT_TYPE } from '../../dataset/constant/Element'
 import { ElementType } from '../../dataset/enum/Element'
 import { IElement } from '../../interface/Element'
 import { debounce } from '../../utils'
-import { getElementListByHTML } from '../../utils/clipboard'
-import { formatElementContext } from '../../utils/element'
+import { formatElementContext, getElementListByHTML } from '../../utils/element'
 import { Draw } from '../draw/Draw'
 import { CanvasEvent } from '../event/CanvasEvent'
 

diff --git a/src/editor/interface/Editor.ts b/src/editor/interface/Editor.ts
@@ -79,3 +79,9 @@ export interface IEditorResult {
   watermark?: IWatermark
   data: IEditorData
 }
+
+export interface IEditorHTML {
+  header: string
+  main: string
+  footer: string
+}