Demo：新增去除节点自定义样式的右键菜单

web/src/lang/en_us.js

@@ -94,7 +94,9 @@ export default {
     fitCanvas: 'Fit canvas',
     removeImage: 'Remove image',
     removeHyperlink: 'Remove hyperlink',
-    removeNote: 'Remove note'
+    removeNote: 'Remove note',
+    removeCustomStyles: 'Remove custom styles',
+    removeAllNodeCustomStyles: 'Remove all node custom styles'
   },
   count: {
     words: 'Words',

web/src/lang/zh_cn.js

@@ -94,7 +94,9 @@ export default {
     fitCanvas: '适应画布',
     removeImage: '移除图片',
     removeHyperlink: '移除超链接',
-    removeNote: '移除备注'
+    removeNote: '移除备注',
+    removeCustomStyles: '一键去除自定义样式',
+    removeAllNodeCustomStyles: '一键去除所有节点自定义样式'
   },
   count: {
     words: '字数',

web/src/pages/Edit/components/Contextmenu.vue

@@ -88,6 +88,9 @@
       <div class="item" @click="exec('REMOVE_NOTE')" v-if="hasNote">
         <span class="name">{{ $t('contextmenu.removeNote') }}</span>
       </div>
+      <div class="item" @click="exec('REMOVE_CUSTOM_STYLES')">
+        <span class="name">{{ $t('contextmenu.removeCustomStyles') }}</span>
+      </div>
     </template>
     <template v-if="type === 'svg'">
       <div class="item" @click="exec('RETURN_CENTER')">
@@ -125,6 +128,11 @@
         <span class="name">{{ $t('contextmenu.zenMode') }}</span>
         {{ isZenMode ? '√' : '' }}
       </div>
+      <div class="item" @click="exec('REMOVE_ALL_NODE_CUSTOM_STYLES')">
+        <span class="name">{{
+          $t('contextmenu.removeAllNodeCustomStyles')
+        }}</span>
+      </div>
     </template>
   </div>
 </template>