From 6b40358f65c39b491943e40b29f53cdb265159ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A1=97=E8=A7=92=E5=B0=8F=E6=9E=97?= <1013335014@qq.com>
Date: Tue, 16 Apr 2024 19:02:57 +0800
Subject: [PATCH] =?UTF-8?q?Demo=EF=BC=9A=E8=8A=82=E7=82=B9=E5=8F=B3?=
 =?UTF-8?q?=E9=94=AE=E8=8F=9C=E5=8D=95=E6=96=B0=E5=A2=9E=E5=AF=BC=E5=87=BA?=
 =?UTF-8?q?=E4=B8=BA=E5=9B=BE=E7=89=87=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/lang/en_us.js                         |  3 ++-
 web/src/lang/zh_cn.js                         |  3 ++-
 web/src/pages/Edit/components/Contextmenu.vue | 13 +++++++++++++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/web/src/lang/en_us.js b/web/src/lang/en_us.js
index 9b257f11..bc621a1d 100644
--- a/web/src/lang/en_us.js
+++ b/web/src/lang/en_us.js
@@ -98,7 +98,8 @@ export default {
     removeHyperlink: 'Remove hyperlink',
     removeNote: 'Remove note',
     removeCustomStyles: 'Remove custom styles',
-    removeAllNodeCustomStyles: 'Remove all node custom styles'
+    removeAllNodeCustomStyles: 'Remove all node custom styles',
+    exportNodeToPng: 'Export node to png'
   },
   count: {
     words: 'Words',
diff --git a/web/src/lang/zh_cn.js b/web/src/lang/zh_cn.js
index 16b377cc..5fe56822 100644
--- a/web/src/lang/zh_cn.js
+++ b/web/src/lang/zh_cn.js
@@ -98,7 +98,8 @@ export default {
     removeHyperlink: '移除超链接',
     removeNote: '移除备注',
     removeCustomStyles: '一键去除自定义样式',
-    removeAllNodeCustomStyles: '一键去除所有节点自定义样式'
+    removeAllNodeCustomStyles: '一键去除所有节点自定义样式',
+    exportNodeToPng: '导出该节点为图片'
   },
   count: {
     words: '字数',
diff --git a/web/src/pages/Edit/components/Contextmenu.vue b/web/src/pages/Edit/components/Contextmenu.vue
index 6caa2cca..803c07e0 100644
--- a/web/src/pages/Edit/components/Contextmenu.vue
+++ b/web/src/pages/Edit/components/Contextmenu.vue
@@ -91,6 +91,9 @@
       <div class="item" @click="exec('REMOVE_CUSTOM_STYLES')">
         <span class="name">{{ $t('contextmenu.removeCustomStyles') }}</span>
       </div>
+      <div class="item" @click="exec('EXPORT_CUR_NODE_TO_PNG')">
+        <span class="name">{{ $t('contextmenu.exportNodeToPng') }}</span>
+      </div>
     </template>
     <template v-if="type === 'svg'">
       <div class="item" @click="exec('RETURN_CENTER')">
@@ -139,6 +142,7 @@
 
 <script>
 import { mapState, mapMutations } from 'vuex'
+import { getTextFromHtml } from 'simple-mind-map/src/utils'
 
 /**
  * @Author: 王林
@@ -342,6 +346,15 @@ export default {
         case 'REMOVE_NOTE':
           this.node.setNote('')
           break
+        case 'EXPORT_CUR_NODE_TO_PNG':
+          this.mindMap.export(
+            'png',
+            true,
+            getTextFromHtml(this.node.getData('text')),
+            false,
+            this.node
+          )
+          break
         default:
           this.$bus.$emit('execCommand', key, ...args)
           break