From 0793eb54b1e542591bd8cc2e369357359683ad87 Mon Sep 17 00:00:00 2001
From: sunsonliu <sunsonliu@tencent.com>
Date: Tue, 10 May 2022 18:47:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A2=9E=E5=8A=A0=E4=BD=BF=E7=94=A8el?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96=E7=BC=96=E8=BE=91=E5=99=A8=E7=9A=84?=
 =?UTF-8?q?=E8=83=BD=E5=8A=9B=20#203?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Cherry.js     | 3 ++-
 types/cherry.d.ts | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Cherry.js b/src/Cherry.js
index 9510cf6e..90df964e 100644
--- a/src/Cherry.js
+++ b/src/Cherry.js
@@ -96,7 +96,8 @@ export default class Cherry extends CherryStatic {
       previewer: 'show',
       editor: 'show',
     };
-    let mountEl = document.getElementById(this.options.id);
+
+    let mountEl = this.options.id ? document.getElementById(this.options.id) : this.options.el;
 
     if (!mountEl) {
       if (!this.options.forceAppend) {
diff --git a/types/cherry.d.ts b/types/cherry.d.ts
index ee76818b..a9a872fe 100644
--- a/types/cherry.d.ts
+++ b/types/cherry.d.ts
@@ -32,7 +32,9 @@ export interface CherryOptions {
   /** 外层容器不存在时，是否强制输出到body上 */
   forceAppend: boolean;
   /** 挂载DOM节点ID，引擎模式下不生效 */
-  id: string;
+  id?: string;
+  /** 挂载DOM节点，引擎模式下不生效 */
+  el?: HTMLElement;
   /** 初始内容，引擎模式下不生效 */
   value: string;
   instanceId?: string;