update: package-lock.json

src/components/CodeEditor.vue

@@ -58,7 +58,7 @@ require(['axios'], axios => {
 });
 
 export default {
-  props: ['initCode'],
+  props: ['initCode', 'mode'],
   name: 'code-editor',
   title: 'Mode: text/x-vue & Theme: monokai',
   components: {
@@ -84,7 +84,7 @@ export default {
         lineNumbers: true,
         line: true,
         keyMap: "sublime",
-        mode: 'text/javascript',
+        mode: this.mode,
         theme: 'monokai',
         extraKeys: {
           'F11'(cm) {

src/components/JSCodeEditorDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <el-dialog title="JS逻辑编辑" :visible.sync="codeDialogVisible" width="70%" top="10vh" :before-close="handleClose"
     :center=true>
-    <CodeEditor style="max-height: 65vh;" ref="codeEditor" :initCode="code"></CodeEditor>
+    <CodeEditor style="max-height: 65vh;" ref="codeEditor" :initCode="code" mode="text/javascript"></CodeEditor>
 
     <div style="text-align:center;padding: 10px;">
       <el-button type="primary" @click="onSave">确认修改</el-button>

src/components/VueCodeParseDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <el-dialog title="Vue二次编辑" :visible.sync="vueDialogVisible" width="70%" top="10vh" :before-close="handleClose"
     :center=true>
-    <CodeEditor style="max-height: 65vh;" ref="codeEditor" :initCode="code"></CodeEditor>
+    <CodeEditor style="max-height: 65vh;" ref="codeEditor" :initCode="code" mode="text/html"></CodeEditor>
 
     <div style="text-align:center;padding: 10px;">
       <el-button type="primary" @click="compile">开始解析</el-button>