From 52f7500ae3e27b1746af423dcbf1faffc9134948 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B1=A5=E5=9D=B3=E8=B5=B5?= <zhaobingwang@foxmail.com>
Date: Mon, 31 Jul 2023 21:05:43 +0800
Subject: [PATCH] feat: add SetHTML api

Co-authored-by: Hufe921 <huangyunfeihufe@hotmail.com>
---
 docs/en/guide/command-execute.md        |  8 ++++++++
 docs/guide/command-execute.md           |  8 ++++++++
 src/editor/core/command/Command.ts      |  3 +++
 src/editor/core/command/CommandAdapt.ts | 20 +++++++++++++++++++-
 4 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/docs/en/guide/command-execute.md b/docs/en/guide/command-execute.md
index e112bea..3445dd8 100644
--- a/docs/en/guide/command-execute.md
+++ b/docs/en/guide/command-execute.md
@@ -743,3 +743,11 @@ Usage:
 ```javascript
 instance.command.executeWordTool()
 ```
+
+## executeSetHTML
+Feature: Set the editor HTML data
+
+Usage:
+```javascript
+instance.command.executeSetHTML(payload: Partial<IEditorHTML)
+```
diff --git a/docs/guide/command-execute.md b/docs/guide/command-execute.md
index 6295124..a9b24c4 100644
--- a/docs/guide/command-execute.md
+++ b/docs/guide/command-execute.md
@@ -743,3 +743,11 @@ instance.command.executeLocationCatalog(titleId: string)
 ```javascript
 instance.command.executeWordTool()
 ```
+
+## executeSetHTML
+功能：设置编辑器HTML数据
+
+用法：
+```javascript
+instance.command.executeSetHTML(payload: Partial<IEditorHTML)
+```
diff --git a/src/editor/core/command/Command.ts b/src/editor/core/command/Command.ts
index aab6c47..8ae9fe1 100644
--- a/src/editor/core/command/Command.ts
+++ b/src/editor/core/command/Command.ts
@@ -74,6 +74,7 @@ export class Command {
   public executeSetLocale: CommandAdapt['setLocale']
   public executeLocationCatalog: CommandAdapt['locationCatalog']
   public executeWordTool: CommandAdapt['wordTool']
+  public executeSetHTML: CommandAdapt['setHTML']
   public getCatalog: CommandAdapt['getCatalog']
   public getImage: CommandAdapt['getImage']
   public getValue: CommandAdapt['getValue']
@@ -165,6 +166,8 @@ export class Command {
     this.executeSetLocale = adapt.setLocale.bind(adapt)
     this.executeLocationCatalog = adapt.locationCatalog.bind(adapt)
     this.executeWordTool = adapt.wordTool.bind(adapt)
+    this.executeSetHTML = adapt.setHTML.bind(adapt)
+
     // 获取
     this.getImage = adapt.getImage.bind(adapt)
     this.getValue = adapt.getValue.bind(adapt)
diff --git a/src/editor/core/command/CommandAdapt.ts b/src/editor/core/command/CommandAdapt.ts
index e32a44d..3262d5a 100644
--- a/src/editor/core/command/CommandAdapt.ts
+++ b/src/editor/core/command/CommandAdapt.ts
@@ -43,7 +43,8 @@ import {
   formatElementContext,
   formatElementList,
   isTextLikeElement,
-  pickElementAttr
+  pickElementAttr,
+  getElementListByHTML
 } from '../../utils/element'
 import { printImageBase64 } from '../../utils/print'
 import { Control } from '../draw/control/Control'
@@ -1869,4 +1870,21 @@ export class CommandAdapt {
       })
     }
   }
+
+  public setHTML(payload: Partial<IEditorHTML>) {
+    const { header, main, footer } = payload
+    const innerWidth = this.draw.getOriginalInnerWidth()
+    // 不设置值时数据为undefined，避免覆盖当前数据
+    const getElementList = (htmlText?: string) =>
+      htmlText !== undefined
+        ? getElementListByHTML(htmlText, {
+            innerWidth
+          })
+        : undefined
+    this.setValue({
+      header: getElementList(header),
+      main: getElementList(main),
+      footer: getElementList(footer)
+    })
+  }
 }