diff --git a/package.json b/package.json
index 5ef76d2f3..80cae136a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.179",
+  "version": "2.14.180",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 1d5535a6f..7dfe8d7ac 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -30,6 +30,7 @@ export default {
       file: 'File',
       sync: 'Sync',
       my: 'My Profile',
+      editScript: 'Script Edit',
       subEditor: 'Subscription Editor',
       fileEditor: 'File Editor',
       themeSetting: 'Theme Setting',
diff --git a/src/locales/zh.ts b/src/locales/zh.ts
index 0d578d34f..ad02e2f25 100644
--- a/src/locales/zh.ts
+++ b/src/locales/zh.ts
@@ -30,6 +30,7 @@ export default {
       file: '文件管理',
       sync: '同步',
       my: '我的',
+      editScript: '脚本编辑',
       subEditor: '订阅编辑',
       fileEditor: '文件编辑',
       themeSetting: '主题设置',
diff --git a/src/router/index.ts b/src/router/index.ts
index 16f7e7e0d..9fc095c15 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -11,6 +11,7 @@ import NotFound from '@/views/NotFound.vue';
 
 import File from '@/views/File.vue';
 import FileEditor from '@/views/FileEditor.vue';
+import editScript from '@/views/editCode/editScript.vue';
 
 import Sub from '@/views/Sub.vue';
 import SubEditor from '@/views/SubEditor.vue';
@@ -111,6 +112,15 @@ const router = createRouter({
             needNavBack: false,
           },
         },
+        {
+          path: '/edit/Script/:id',
+          component: editScript,
+          meta: {
+            title: 'editScript',
+            needTabBar: false,
+            needNavBack: true,
+          },
+        },
         {
           path: '/edit/:editType(files)/:id',
           component: FileEditor,
diff --git a/src/store/codeStore.ts b/src/store/codeStore.ts
index 53d1bc3ca..66cc56bb1 100644
--- a/src/store/codeStore.ts
+++ b/src/store/codeStore.ts
@@ -4,12 +4,16 @@ export const useCodeStore = defineStore("cmCodeStore", {
   state: (): cmCodeStore => {
     return {
       CmCode: "",
+      EditCode: {},
     };
   },
   getters: {},
   actions: {
     setCmCode(i: { toString: () => any }) {
-      this.CmCode = i.toString();
+      this.CmCode = i ? i.toString() : "";
+    },
+    setEditCode( id: string , i: { toString: () => any }) {
+      this.EditCode[id] = i ? i.toString() : "";
     },
   },
 });
diff --git a/src/types/store/codeStore.d.ts b/src/types/store/codeStore.d.ts
index 90d56b61c..60d0e31a2 100644
--- a/src/types/store/codeStore.d.ts
+++ b/src/types/store/codeStore.d.ts
@@ -1,3 +1,4 @@
 interface cmCodeStore {
   CmCode?: string;
+  EditCode?: { [key: string]: string };
 }
diff --git a/src/views/FileEditor.vue b/src/views/FileEditor.vue
index 17b787001..8d1564dd4 100644
--- a/src/views/FileEditor.vue
+++ b/src/views/FileEditor.vue
@@ -54,62 +54,63 @@
           />
         </nut-form-item>
         <nut-form-item
-            required
-            :label="$t(`editorPage.subConfig.basic.source.label`)"
-            prop="source"
-          >
+          required
+          :label="$t(`editorPage.subConfig.basic.source.label`)"
+          prop="source"
+        >
           <div class="radio-wrapper">
             <nut-radiogroup direction="horizontal" v-model="form.source">
-              <nut-radio shape="button" label="remote"
-                >{{ $t(`filePage.source.remote`) }}
+              <nut-radio shape="button" label="remote">
+                {{ $t(`filePage.source.remote`) }}
               </nut-radio>
-              <nut-radio shape="button" label="local"
-                >{{ $t(`filePage.source.local`) }}
+              <nut-radio shape="button" label="local">
+                {{ $t(`filePage.source.local`) }}
               </nut-radio>
             </nut-radiogroup>
           </div>
         </nut-form-item>
         <nut-form-item
-            required
-            v-if="form.source === 'remote'"
-            :label="$t(`editorPage.subConfig.basic.url.label`)"
-            prop="url"
-            :rules="[
-              {
-                required: true,
-                message: $t(`filePage.url.isEmpty`),
-              },
-              {
-                validator: urlValidator,
-                message: $t(`filePage.url.isIllegal`),
-              },
-            ]"
-          >
-            <nut-textarea
-              class="textarea-wrapper"
-              @blur="customerBlurValidate('url')"
-              v-model="form.url"
-              :autosize="{ maxHeight: 110, minHeight: 50 }"
-              :placeholder="$t(`filePage.url.placeholder`)"
-              type="text"
-            />
-          </nut-form-item>
-          <nut-form-item
-            v-else-if="form.source === 'local'"
-            :label="undefined"
-            prop="content"
-          >
-            <nut-textarea
-              class="textarea-wrapper"
-              v-model="form.content"
-              text-align="left"
-              :autosize="{ maxHeight: 410, minHeight: 50 }"
-              :placeholder="
-                $t(`filePage.content.placeholder`)
-              "
-              type="text"
-            />
-          </nut-form-item>
+          required
+          v-if="form.source === 'remote'"
+          :label="$t(`editorPage.subConfig.basic.url.label`)"
+          prop="url"
+          :rules="[
+            {
+              required: true,
+              message: $t(`filePage.url.isEmpty`),
+            },
+            {
+              validator: urlValidator,
+              message: $t(`filePage.url.isIllegal`),
+            },
+          ]"
+        >
+          <nut-textarea
+            class="textarea-wrapper"
+            @blur="customerBlurValidate('url')"
+            v-model="form.url"
+            :autosize="{ maxHeight: 110, minHeight: 50 }"
+            :placeholder="$t(`filePage.url.placeholder`)"
+            type="text"
+          />
+        </nut-form-item>
+        <nut-form-item
+          v-else-if="form.source === 'local'"
+          :label="undefined"
+          prop="content"
+        >
+          <!-- <nut-textarea
+            class="textarea-wrapper"
+            v-model="form.content"
+            text-align="left"
+            :autosize="{ maxHeight: 410, minHeight: 50 }"
+            :placeholder="$t(`filePage.content.placeholder`)"
+            type="text"
+          /> -->
+          <div style="margin-left: -10px; margin-right: -20px">
+            <cmView :isReadOnly="false" />
+          </div>
+        </nut-form-item>
         <!-- ua -->
         <nut-form-item
           :label="$t(`editorPage.subConfig.basic.ua.label`)"
@@ -130,14 +131,14 @@
         >
           <div class="radio-wrapper">
             <nut-radiogroup direction="horizontal" v-model="form.mergeSources">
-              <nut-radio shape="button" label=""
-                >{{ $t(`editorPage.subConfig.basic.source.noMerge`) }}
+              <nut-radio shape="button" label="">
+                {{ $t(`editorPage.subConfig.basic.source.noMerge`) }}
               </nut-radio>
-              <nut-radio shape="button" label="localFirst"
-                >{{ $t(`editorPage.subConfig.basic.source.localFirst`) }}
+              <nut-radio shape="button" label="localFirst">
+                {{ $t(`editorPage.subConfig.basic.source.localFirst`) }}
               </nut-radio>
-              <nut-radio shape="button" label="remoteFirst"
-                >{{ $t(`editorPage.subConfig.basic.source.remoteFirst`) }}
+              <nut-radio shape="button" label="remoteFirst">
+                {{ $t(`editorPage.subConfig.basic.source.remoteFirst`) }}
               </nut-radio>
             </nut-radiogroup>
           </div>
@@ -148,7 +149,7 @@
           class="ignore-failed-wrapper"
         >
           <div class="swtich-wrapper">
-            <nut-switch v-model="form.ignoreFailedRemoteFile"/>
+            <nut-switch v-model="form.ignoreFailedRemoteFile" />
           </div>
         </nut-form-item>
       </nut-form>
@@ -164,9 +165,8 @@
 
   <div class="bottom-btn-wrapper">
     <nut-button @click="compare" class="compare-btn btn" plain shape="square">
-      <font-awesome-icon icon="fa-solid fa-eye" />{{
-        $t('editorPage.subConfig.btn.compare')
-      }}
+      <font-awesome-icon icon="fa-solid fa-eye" />
+      {{ $t("editorPage.subConfig.btn.compare") }}
     </nut-button>
     <nut-button
       @click="submit"
@@ -175,7 +175,7 @@
       shape="square"
     >
       <font-awesome-icon icon="fa-solid fa-floppy-disk" />
-      {{ $t('editorPage.subConfig.btn.save') }}
+      {{ $t("editorPage.subConfig.btn.save") }}
     </nut-button>
   </div>
 
@@ -188,415 +188,432 @@
 </template>
 
 <script lang="ts" setup>
-  import { useSubsApi } from '@/api/subs';
-  import { useFilesApi } from '@/api/files';
-  import { usePopupRoute } from '@/hooks/usePopupRoute';
-  import { useAppNotifyStore } from '@/store/appNotify';
-  import { useGlobalStore } from '@/store/global';
-  import { useSubsStore } from '@/store/subs';
-  import ActionBlock from '@/views/editor/ActionBlock.vue';
-  import { addItem, deleteItem } from '@/utils/actionsOperate';
-  import { actionsToProcess } from '@/utils/actionsToPorcess';
-  import Script from '@/views/editor/components/Script.vue';
-  import FilePreview from '@/views/FilePreview.vue';
-  import { initStores } from '@/utils/initApp';
-  import { Dialog, Toast } from '@nutui/nutui';
-  import { storeToRefs } from 'pinia';
-  import {
-    computed,
-    provide,
-    reactive,
-    ref,
-    shallowRef,
-    toRaw,
-    watchEffect,
-  } from 'vue';
-  import { useI18n } from 'vue-i18n';
-  import { useRoute, useRouter } from 'vue-router';
-
-  const { t } = useI18n();
-  const route = useRoute();
-  const router = useRouter();
-  const subsApi = useSubsApi();
-  const filesApi = useFilesApi();
-  const configName = route.params.id as string;
-  const subsStore = useSubsStore();
-  const { showNotify } = useAppNotifyStore();
-
-  const globalStore = useGlobalStore();
-  const { bottomSafeArea } = storeToRefs(globalStore);
-  const padding = bottomSafeArea.value + 'px';
-
-  let scrollTop = 0;
-
-  const file = computed(() => subsStore.getOneFile(configName));
-  const filePreviewIsVisible = ref(false);
-  usePopupRoute(filePreviewIsVisible);
-  const previewData = ref();
-  const isInit = ref(false);
-  const ruleForm = ref<any>(null);
-  const actionsChecked = reactive([]);
-  const actionsList = reactive([]);
-  const isget = ref(false);
-  const form = reactive<any>({
-    name: '',
-    displayName: '',
-    icon: '',
-    source: 'local',
-    process: [],
-  });
-  provide('form', form);
-  // 排除非动作卡片
-  const ignoreList = ['Quick Setting Operator'];
-
-  watchEffect(() => {
-    if (isInit.value) return;
-    if (configName === 'UNTITLED') {
-      // 标记 加载完成
-      isInit.value = true;
-      return;
+import { useSubsApi } from "@/api/subs";
+import { useFilesApi } from "@/api/files";
+import { usePopupRoute } from "@/hooks/usePopupRoute";
+import { useAppNotifyStore } from "@/store/appNotify";
+import { useGlobalStore } from "@/store/global";
+import { useSubsStore } from "@/store/subs";
+import ActionBlock from "@/views/editor/ActionBlock.vue";
+import { addItem, deleteItem } from "@/utils/actionsOperate";
+import { actionsToProcess } from "@/utils/actionsToPorcess";
+import Script from "@/views/editor/components/Script.vue";
+import FilePreview from "@/views/FilePreview.vue";
+import { initStores } from "@/utils/initApp";
+import { Dialog, Toast } from "@nutui/nutui";
+import { storeToRefs } from "pinia";
+import {
+  computed,
+  provide,
+  reactive,
+  ref,
+  shallowRef,
+  toRaw,
+  watchEffect,
+  watch,
+} from "vue";
+import { useI18n } from "vue-i18n";
+import { useRoute, useRouter } from "vue-router";
+import cmView from "@/views/editCode/cmView.vue";
+import { useCodeStore } from "@/store/codeStore";
+const cmStore = useCodeStore();
+
+const { t } = useI18n();
+const route = useRoute();
+const router = useRouter();
+const subsApi = useSubsApi();
+const filesApi = useFilesApi();
+const configName = route.params.id as string;
+const subsStore = useSubsStore();
+const { showNotify } = useAppNotifyStore();
+
+const globalStore = useGlobalStore();
+const { bottomSafeArea } = storeToRefs(globalStore);
+const padding = bottomSafeArea.value + "px";
+
+let scrollTop = 0;
+
+
+const file = computed(() => subsStore.getOneFile(configName));
+const filePreviewIsVisible = ref(false);
+usePopupRoute(filePreviewIsVisible);
+const previewData = ref();
+const isInit = ref(false);
+const ruleForm = ref<any>(null);
+const actionsChecked = reactive([]);
+const actionsList = reactive([]);
+const isget = ref(false);
+const form = reactive<any>({
+  name: "",
+  displayName: "",
+  icon: "",
+  source: "local",
+  process: [],
+});
+provide("form", form);
+// 排除非动作卡片
+const ignoreList = ["Quick Setting Operator"];
+
+watch(
+  () => cmStore.CmCode,
+  (newCode) => {
+    form.content = newCode;
+  }
+);
+
+watchEffect(() => {
+  if (isInit.value) return;
+  if (configName === "UNTITLED") {
+    const fc = "// " + t(`filePage.content.placeholder`) + "\n"
+    cmStore.setCmCode(fc)
+    // 标记 加载完成
+    isInit.value = true;
+    return;
+  }
+
+  const sourceData: any = toRaw(file.value);
+  if (sourceData) {
+    if (!Array.isArray(sourceData.process)) {
+      sourceData.process = [];
+    }
+    form.name = sourceData.name;
+    form.displayName = sourceData.displayName || sourceData["display-name"];
+    form.icon = sourceData.icon;
+    form.source = sourceData.source || "local";
+    form.url = sourceData.url;
+    form.ua = sourceData.ua;
+    form.mergeSources = sourceData.mergeSources;
+    form.content = sourceData.content;
+    cmStore.setCmCode(sourceData.content);
+    form.ignoreFailedRemoteFile = sourceData.ignoreFailedRemoteFile;
+    const newProcess = JSON.parse(JSON.stringify(sourceData.process));
+    form.process = newProcess;
+    if (sourceData.process.length > 0) {
+      form.process.forEach((item) => {
+        const { type, id } = item;
+        actionsChecked.push([id, true]);
+        const action = {
+          type,
+          id,
+          tipsDes: t(`editorPage.subConfig.nodeActions['${type}'].tipsDes`),
+          component: null,
+        };
+        switch (type) {
+          case "Script Operator":
+            action.component = shallowRef(Script);
+            break;
+          default:
+            break;
+        }
+        actionsList.push(action);
+      });
     }
+    // 标记 加载完成
+    isInit.value = true;
+    return;
+  }
+});
+
+const addAction = (val) => {
+  addItem(form, actionsList, actionsChecked, val, t);
+};
+
+const deleteAction = (id) => {
+  deleteItem(form, actionsList, actionsChecked, id);
+};
+const closePreview = () => {
+  document.querySelector("html").style["overflow-y"] = "";
+  document.querySelector("html").style.height = "";
+  document.body.style.height = "";
+  document.body.style["overflow-y"] = "";
+  (document.querySelector("#app") as HTMLElement).style["overflow-y"] = "";
+  (document.querySelector("#app") as HTMLElement).style.height = "";
+
+  filePreviewIsVisible.value = false;
+
+  window.scrollTo({
+    top: scrollTop,
+    behavior: "instant" as any,
+  });
 
-    const sourceData: any = toRaw(file.value);
-    if (sourceData) {
-      if (!Array.isArray(sourceData.process)) {
-        sourceData.process = []
-      }
-      form.name = sourceData.name;
-      form.displayName = sourceData.displayName || sourceData['display-name'];
-      form.icon = sourceData.icon;
-      form.source = sourceData.source || 'local';
-      form.url = sourceData.url;
-      form.ua = sourceData.ua;
-      form.mergeSources = sourceData.mergeSources;
-      form.content = sourceData.content;
-      form.ignoreFailedRemoteFile = sourceData.ignoreFailedRemoteFile;
-      const newProcess = JSON.parse(JSON.stringify(sourceData.process));
-      form.process = newProcess;
-      if (sourceData.process.length > 0) {
-        form.process.forEach(item => {
-          const { type, id } = item;
-          actionsChecked.push([id, true]);
-          const action = {
-            type,
-            id,
-            tipsDes: t(`editorPage.subConfig.nodeActions['${type}'].tipsDes`),
-            component: null,
-          };
-          switch (type) {
-            case 'Script Operator':
-              action.component = shallowRef(Script);
-              break;
-            default:
-              break;
-          }
-          actionsList.push(action);
-          
-        });
-      }
-      // 标记 加载完成
-      isInit.value = true;
+  router.back();
+};
+const compare = () => {
+  ruleForm.value.validate().then(async ({ valid, errors }: any) => {
+    // 如果验证失败
+    if (!valid) {
+      Dialog({
+        title: t(`editorPage.subConfig.pop.errorTitle`),
+        content: errors[0].message,
+        popClass: "auto-dialog",
+        noCancelBtn: true,
+        okText: t(`editorPage.subConfig.pop.errorBtn`),
+        // @ts-ignore
+        closeOnClickOverlay: true,
+      });
       return;
     }
-  
-  });
 
-  const addAction = val => {
-    addItem(form, actionsList, actionsChecked, val, t);
-  };
-
-  const deleteAction = id => {
-    deleteItem(form, actionsList, actionsChecked, id);
-  };
-  const closePreview = () => {
-    document.querySelector('html').style['overflow-y'] = '';
-    document.querySelector('html').style.height = '';
-    document.body.style.height = '';
-    document.body.style['overflow-y'] = '';
-    (document.querySelector('#app') as HTMLElement).style['overflow-y'] = '';
-    (document.querySelector('#app') as HTMLElement).style.height = '';
-    
-    filePreviewIsVisible.value = false;
-
-    window.scrollTo({
-        top: scrollTop,
-        behavior: "instant" as any
-    });
+    Toast.loading("生成中...", { id: "compare", cover: true, duration: 1500 });
+    const data: any = JSON.parse(JSON.stringify(toRaw(form)));
+    data.process = actionsToProcess(data.process, actionsList, ignoreList);
 
-    router.back();
-  };
-  const compare = () => {
-    ruleForm.value.validate().then(async ({ valid, errors }: any) => {
-      // 如果验证失败
-      if (!valid) {
-        Dialog({
-          title: t(`editorPage.subConfig.pop.errorTitle`),
-          content: errors[0].message,
-          popClass: 'auto-dialog',
-          noCancelBtn: true,
-          okText: t(`editorPage.subConfig.pop.errorBtn`),
-          // @ts-ignore
-          closeOnClickOverlay: true,
-        });
-        return;
+    // 过滤掉预览开关关闭的操作
+    actionsChecked.forEach((item) => {
+      if (!item[1]) {
+        const index = data.process.findIndex((i) => i.id === item[0]);
+        if (index > -1) {
+          data.process.splice(index, 1);
+        }
       }
+    });
 
-      Toast.loading('生成中...', { id: 'compare', cover: true, duration: 1500 });
-      const data: any = JSON.parse(JSON.stringify(toRaw(form)));
-      data.process = actionsToProcess(data.process, actionsList, ignoreList);
-
-      // 过滤掉预览开关关闭的操作
-      actionsChecked.forEach(item => {
-        if (!item[1]) {
-          const index = data.process.findIndex(i => i.id === item[0]);
-          if (index > -1) {
-            data.process.splice(index, 1);
-          }
-        }
-      });
+    const res = await subsApi.compareSub("file", data);
+    if (res?.data?.status === "success") {
+      previewData.value = res.data.data;
 
-      const res = await subsApi.compareSub('file', data);
-      if (res?.data?.status === 'success') {
-        previewData.value = res.data.data;
+      scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
 
-        scrollTop = document.documentElement.scrollTop || document.body.scrollTop
+      globalStore.setSavedPositions(route.path, { left: 0, top: scrollTop });
 
-        globalStore.setSavedPositions(route.path, { left: 0, top: scrollTop })
+      document.querySelector("html").style["overflow-y"] = "hidden";
+      document.querySelector("html").style.height = "100%";
+      document.body.style.height = "100%";
+      document.body.style["overflow-y"] = "hidden";
+      (document.querySelector("#app") as HTMLElement).style["overflow-y"] =
+        "hidden";
+      (document.querySelector("#app") as HTMLElement).style.height = "100%";
 
-        document.querySelector('html').style['overflow-y'] = 'hidden';
-        document.querySelector('html').style.height = '100%';
-        document.body.style.height = '100%';
-        document.body.style['overflow-y'] = 'hidden';
-        (document.querySelector('#app') as HTMLElement).style['overflow-y'] = 'hidden';
-        (document.querySelector('#app') as HTMLElement).style.height = '100%';
-        
-        filePreviewIsVisible.value = true;
-        Toast.hide('compare');
-      }
-    });
-  };
+      filePreviewIsVisible.value = true;
+      Toast.hide("compare");
+    }
+  });
+};
 
-  const submit = () => {
-    if (isget.value){
+const submit = () => {
+  if (isget.value) {
     showNotify({
-        type: 'success',
-        title: '请勿重复点击...',
-      });
+      type: "success",
+      title: "请勿重复点击...",
+    });
     return;
+  }
+  ruleForm.value.validate().then(async ({ valid, errors }: any) => {
+    isget.value = true;
+    // 如果验证失败
+    if (!valid) {
+      isget.value = false;
+      Dialog({
+        title: t(`editorPage.subConfig.pop.errorTitle`),
+        content: errors[0].message,
+        popClass: "auto-dialog",
+        noCancelBtn: true,
+        okText: t(`editorPage.subConfig.pop.errorBtn`),
+        // @ts-ignore
+        closeOnClickOverlay: true,
+      });
+      return;
     }
-    ruleForm.value.validate().then(async ({ valid, errors }: any) => {
-      isget.value=true;
-      // 如果验证失败
-      if (!valid) {
-        isget.value=false;
-        Dialog({
-          title: t(`editorPage.subConfig.pop.errorTitle`),
-          content: errors[0].message,
-          popClass: 'auto-dialog',
-          noCancelBtn: true,
-          okText: t(`editorPage.subConfig.pop.errorBtn`),
-          // @ts-ignore
-          closeOnClickOverlay: true,
-        });
-        return;
-      }
-      Toast.loading('...', { id: 'submits', cover: true, duration: 1500 });
-      // 如果验证成功，开始保存/修改
-      const data: any = JSON.parse(JSON.stringify(toRaw(form)));
-      data['display-name'] = data.displayName;
-      data.process = actionsToProcess(data.process, actionsList, ignoreList);
-
-      let res = null;
-
-      if (configName === 'UNTITLED') {
-        res = await filesApi.createFile(data);
-        await subsStore.fetchSubsData();
-        if (data.source === 'remote') await initStores(false, true, false);
+    Toast.loading("...", { id: "submits", cover: true, duration: 1500 });
+    // 如果验证成功，开始保存/修改
+    const data: any = JSON.parse(JSON.stringify(toRaw(form)));
+    data["display-name"] = data.displayName;
+    data.process = actionsToProcess(data.process, actionsList, ignoreList);
+
+    let res = null;
+
+    if (configName === "UNTITLED") {
+      res = await filesApi.createFile(data);
+      await subsStore.fetchSubsData();
+      if (data.source === "remote") await initStores(false, true, false);
+    } else {
+      res = await filesApi.editFile(configName, data);
+
+      if (configName === data.name) {
+        // @ts-ignore
+        await subsStore.updateOneData("files", configName);
       } else {
-        res = await filesApi.editFile(configName, data);
-    
-        if (configName === data.name) {
-          // @ts-ignore
-          await subsStore.updateOneData('files', configName);
-        } else {
-          await subsStore.fetchSubsData();
-        }
-      }
-
-      if (res?.data?.status === 'success') {
-        router.replace('/files').then(() => {
-          if (res)
-            showNotify({
-              type: 'success',
-              title: t(`editorPage.subConfig.pop.succeedMsg`),
-            });
-
-        });
-  
-      }
-      isget.value=false;
-      Toast.hide('submits');
-    });
-  };
-
-  // 名称验证器
-  const nameValidator = (val: string): Promise<boolean> => {
-    return new Promise(resolve => {
-      if (val === 'UNTITLED') resolve(false);
-      if (/\//.test(val)) {
-        resolve(false)
+        await subsStore.fetchSubsData();
       }
-      const nameList = subsStore.files.map(item => item.name);
-      nameList.includes(val) && configName !== val
-        ? resolve(false)
-        : resolve(true);
-    });
-  };
+    }
 
-  // url 格式验证器
-  const urlValidator = (val: string): Promise<boolean> => {
-    return new Promise(resolve => {
-      if (/\n/.test(val)) {
-        resolve(val.split(/[\r\n]+/).map(i => i.trim()).filter(i => i.length).every(i => /^(http|https):\/\/\S+$/.test(i)))
-      } else {
-        resolve(/^(http|https):\/\/\S+$/.test(val));  
-      }
-      
-    });
-  };
-  // 失去焦点触发验证
-  const customerBlurValidate = (prop: string) => {
-    ruleForm.value.validate(prop);
-  };
+    if (res?.data?.status === "success") {
+      router.replace("/files").then(() => {
+        if (res)
+          showNotify({
+            type: "success",
+            title: t(`editorPage.subConfig.pop.succeedMsg`),
+          });
+      });
+    }
+    isget.value = false;
+    Toast.hide("submits");
+  });
+};
+
+// 名称验证器
+const nameValidator = (val: string): Promise<boolean> => {
+  return new Promise((resolve) => {
+    if (val === "UNTITLED") resolve(false);
+    if (/\//.test(val)) {
+      resolve(false);
+    }
+    const nameList = subsStore.files.map((item) => item.name);
+    nameList.includes(val) && configName !== val
+      ? resolve(false)
+      : resolve(true);
+  });
+};
+
+// url 格式验证器
+const urlValidator = (val: string): Promise<boolean> => {
+  return new Promise((resolve) => {
+    if (/\n/.test(val)) {
+      resolve(
+        val
+          .split(/[\r\n]+/)
+          .map((i) => i.trim())
+          .filter((i) => i.length)
+          .every((i) => /^(http|https):\/\/\S+$/.test(i))
+      );
+    } else {
+      resolve(/^(http|https):\/\/\S+$/.test(val));
+    }
+  });
+};
+// 失去焦点触发验证
+const customerBlurValidate = (prop: string) => {
+  ruleForm.value.validate(prop);
+};
 </script>
 
 <style lang="scss" scoped>
-  .page-wrapper {
-    padding: 0 var(--safe-area-side) calc(v-bind('padding') + 63px)
-      var(--safe-area-side);
+.page-wrapper {
+  padding: 0 var(--safe-area-side) calc(v-bind("padding") + 63px)
+    var(--safe-area-side);
 
-    :deep(.nut-cell-group__warp) {
-      border-radius: var(--item-card-radios);
-    }
+  :deep(.nut-cell-group__warp) {
+    border-radius: var(--item-card-radios);
   }
+}
 
-  .radio-wrapper {
-    display: flex;
-    justify-content: end;
+.radio-wrapper {
+  display: flex;
+  justify-content: end;
 
-    :deep(.nut-radio__button.false) {
-      background: var(--divider-color);
-      border-color: transparent;
-      color: var(--second-text-color);
-    }
-    :deep(.nut-radio__button) {
-      padding: 5px 10px;
-    }
+  :deep(.nut-radio__button.false) {
+    background: var(--divider-color);
+    border-color: transparent;
+    color: var(--second-text-color);
   }
-
-  .form-block-wrapper {
-    position: relative;
+  :deep(.nut-radio__button) {
+    padding: 5px 10px;
   }
-
-  .bottom-btn-wrapper {
-    position: fixed;
+}
+
+.form-block-wrapper {
+  position: relative;
+}
+
+.bottom-btn-wrapper {
+  position: fixed;
+  display: flex;
+  justify-content: space-between;
+  bottom: 0;
+  width: 100%;
+  padding: 8px var(--safe-area-side) calc(v-bind("padding") + 8px)
+    var(--safe-area-side);
+  z-index: 20;
+  background: var(--background-color);
+  border-top: 1px solid var(--divider-color);
+
+  .btn {
+    border-radius: 8px;
+    padding: 4px 12px;
+    font-size: 14px;
     display: flex;
-    justify-content: space-between;
-    bottom: 0;
-    width: 100%;
-    padding: 8px var(--safe-area-side) calc(v-bind('padding') + 8px)
-      var(--safe-area-side);
-    z-index: 20;
-    background: var(--background-color);
-    border-top: 1px solid var(--divider-color);
-
-    .btn {
-      border-radius: 8px;
-      padding: 4px 12px;
-      font-size: 14px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-
-      svg {
-        margin-right: 4px;
-      }
+    justify-content: center;
+    align-items: center;
+
+    svg {
+      margin-right: 4px;
     }
+  }
 
-    // .compare-btn {
-    //   background: transparent;
-    //   width: 36%;
-    // }
+  // .compare-btn {
+  //   background: transparent;
+  //   width: 36%;
+  // }
 
-    .submit-btn {
-      width: 67%;
-    }
+  .submit-btn {
+    width: 67%;
   }
+}
 
-  .ignore-failed-wrapper {
-    flex-direction: row;
-    justify-content: space-between;
-    :deep(.nut-form-item__label) {
-      width: auto;
-    }
-    .swtich-wrapper {
-      display: flex;
-      justify-content: end;
-    }
+.ignore-failed-wrapper {
+  flex-direction: row;
+  justify-content: space-between;
+  :deep(.nut-form-item__label) {
+    width: auto;
+  }
+  .swtich-wrapper {
+    display: flex;
+    justify-content: end;
   }
+}
 
-  .include-subs-wrapper {
-    flex-direction: column;
+.include-subs-wrapper {
+  flex-direction: column;
 
-    :deep(.nut-form-item__label) {
-      width: 100%;
-      margin-bottom: 12px;
-    }
+  :deep(.nut-form-item__label) {
+    width: 100%;
+    margin-bottom: 12px;
+  }
 
-    .subs-checkbox-wrapper {
-      flex-direction: row-reverse;
+  .subs-checkbox-wrapper {
+    flex-direction: row-reverse;
 
-      .subs-checkbox {
-        justify-content: space-between;
-        margin-left: 16px;
-        padding: 16px 0 0 0;
+    .subs-checkbox {
+      justify-content: space-between;
+      margin-left: 16px;
+      padding: 16px 0 0 0;
 
-        &:not(:last-child) {
-          padding: 16px 0 16px 0;
-          border-bottom: 1px solid;
-          border-color: var(--divider-color);
-        }
+      &:not(:last-child) {
+        padding: 16px 0 16px 0;
+        border-bottom: 1px solid;
+        border-color: var(--divider-color);
+      }
 
-        .sub-img-wrapper {
-          max-width: 100%;
-          display: flex;
-          align-items: center;
-          font-size: 14px;
-          color: var(--second-text-color);
-
-          span {
-            max-width: 56vw;
-            display: -webkit-box;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 1;
-            word-wrap: break-word;
-            word-break: break-all;
-            overflow: hidden;
-          }
+      .sub-img-wrapper {
+        max-width: 100%;
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        color: var(--second-text-color);
+
+        span {
+          max-width: 56vw;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 1;
+          word-wrap: break-word;
+          word-break: break-all;
+          overflow: hidden;
+        }
 
-          .sub-item-customer-icon {
-            margin-right: 12px;
+        .sub-item-customer-icon {
+          margin-right: 12px;
 
-            :deep(img) {
-              object-fit: contain;
+          :deep(img) {
+            object-fit: contain;
 
-              &:not(.nut-icon__img) {
-                filter: brightness(var(--img-brightness));
-              }
+            &:not(.nut-icon__img) {
+              filter: brightness(var(--img-brightness));
             }
           }
         }
       }
     }
   }
+}
 </style>
diff --git a/src/views/FilePreview.vue b/src/views/FilePreview.vue
index 2006d9c55..5b32d4ae6 100644
--- a/src/views/FilePreview.vue
+++ b/src/views/FilePreview.vue
@@ -21,7 +21,7 @@
           <font-awesome-icon icon="fa-solid fa-circle-xmark" />
         </button>
       </header>
-      <cmView :isReadOnly="true"/>
+      <cmView :isReadOnly="true" />
       <!-- <div class="compare-page-body">
         <div class="block-wrapper">
           <div class="input-wrapper">
diff --git a/src/views/SubEditor.vue b/src/views/SubEditor.vue
index f95b0b0c8..53ac875d1 100644
--- a/src/views/SubEditor.vue
+++ b/src/views/SubEditor.vue
@@ -129,7 +129,7 @@
               type="text"
             /> -->
 
-            <div style="margin-left: -16px; margin-right: -20px">
+            <div style="margin-left: -10px; margin-right: -20px">
               <cmView :isReadOnly="false"/>
             </div>
           </nut-form-item>
diff --git a/src/views/editCode/cmView.vue b/src/views/editCode/cmView.vue
index 0b03bdee5..c2a6be323 100644
--- a/src/views/editCode/cmView.vue
+++ b/src/views/editCode/cmView.vue
@@ -23,12 +23,12 @@
     <div style="height: 10px" />
   </div>
 </template>
+
 <script setup>
 import { darkCode } from "./dark.js";
 import { lightCode } from "./light.js";
 import { javascript } from "@/views/editCode/lang-js";
-
-import { ref, onMounted, watch, watchEffect, computed } from "vue";
+import { ref, onMounted, watch, watchEffect } from "vue";
 
 import {
   highlightSelectionMatches,
@@ -37,7 +37,6 @@ import {
   gotoLine,
   closeSearchPanel,
 } from "@/views/editCode/search";
-
 import {
   lineNumbers,
   EditorView,
@@ -57,8 +56,6 @@ import { closeBrackets, autocompletion } from "@codemirror/autocomplete";
 import { Compartment, EditorState } from "@codemirror/state";
 import { hyperLink } from "@uiw/codemirror-extensions-hyper-link";
 import { indentationMarkers } from "@replit/codemirror-indentation-markers";
-
-// import { showToast } from "vant";
 import useV3Clipboard from "vue-clipboard3";
 import copyimg from "@/views/editCode/svg/copy.svg";
 import del from "@/views/editCode/svg/del.svg";
@@ -74,8 +71,8 @@ import { useCodeStore } from "@/store/codeStore";
 import { storeToRefs } from "pinia";
 import beautify from "js-beautify";
 const { toClipboard } = useV3Clipboard();
-
-// const s = cmcodeStore()
+import { useAppNotifyStore } from "@/store/appNotify";
+const { showNotify } = useAppNotifyStore();
 
 const settingsStore = useSettingsStore();
 const { theme } = storeToRefs(settingsStore);
@@ -84,7 +81,6 @@ const isDarkModeEnabled = ref(true);
 
 const Length = ref("");
 const props = defineProps(["isReadOnly"]);
-// const cmStore = ref(props.cmCode);
 
 const cmStore = useCodeStore();
 
@@ -138,8 +134,6 @@ const CreateView = () => {
   watch(
     () => cmStore.CmCode,
     (newValue) => {
-      // console.log("cmStore.CmCode");
-      // console.log(newValue);
       if (!docUpdate && newValue !== view.state.doc.toString()) {
         console.log("Code更新到文档");
         view.dispatch({
@@ -149,7 +143,7 @@ const CreateView = () => {
             insert: newValue,
           },
         });
-        console.log(getjsjson(newValue));
+        getjsjson(newValue);
       }
     }
   );
@@ -177,7 +171,6 @@ function formatLength(length) {
   }
 }
 const getjsjson = (res) => {
-  console.log(res);
   Length.value = formatLength(res.length);
   try {
     const jsRegex =
@@ -190,7 +183,6 @@ const getjsjson = (res) => {
     } else {
       if (/\{/.test(res.slice(0, 4000))) {
         try {
-          // res = res.replace(/^\/\* CH[\s\S]+CH \*\//, "");
           JSON.parse(res);
           setHJ();
           console.log("111");
@@ -231,26 +223,17 @@ watchEffect(() => {
     }
   }
 });
-// // pnpm add @codemirror/lang-wast  @replit/codemirror-lang-nix
-// // import { nix } from "@/EditCode/nix";
-// setTimeout(() => {
-//   // view.dispatch({
-//   //   effects: langs.reconfigure(nix()),
-//   // });
-// }, 1000);
+
 onMounted(() => {
   CreateView();
   let lg = localStorage.getItem("highlightJS");
-  // console.log(getjsjson(newValue))
   const x = getjsjson(cmStore.CmCode);
-  console.log(x);
   if (!x) {
     if (lg == 1 || lg == null) {
       setHJ();
     } else {
       noHJ();
     }
-    setHJ();
   }
 });
 
@@ -322,14 +305,20 @@ async function formatCode() {
 
 const copyText = async () => {
   const x = await toClipboard(cmStore.CmCode);
-  // if (x) {
-  //   // showToast("已复制字符串数: " + x?.text?.length);
-  // }
+  if (x) {
+    showNotify({
+      type: "success",
+      title: "已复制字符串数: " + x?.text?.length,
+    });
+  }
 };
 
 const delAllCode = () => {
-  // showToast("已清空");
   cmStore.setCmCode("");
+  showNotify({
+    type: "success",
+    title: "已清空",
+  });
 };
 
 const pasteNav = async () => {
@@ -337,10 +326,16 @@ const pasteNav = async () => {
     const clipboardText = await navigator.clipboard.readText();
     if (clipboardText?.length > 0) {
       cmStore.setCmCode(clipboardText);
-      // showToast("已粘贴字数: " + clipboardText.length);
+      showNotify({
+        type: "success",
+        title: "已粘贴字数: " + clipboardText.length,
+      });
     }
   } catch (e) {
-    // showToast("获取剪贴板失败: 非Https");
+    showNotify({
+      type: "warning",
+      title: "获取剪贴板失败: 非Https",
+    });
   }
 };
 </script>
@@ -358,38 +353,16 @@ const pasteNav = async () => {
 }
 
 .cmviewRef {
-  //   background-color: #fff;
   border-radius: 16px;
 }
 
-// @media (prefers-color-scheme: dark) {
-//   .cmviewRef {
-//     // background-color: #282c34;
-//   }
-// }
-
 .cm-img-button {
-  // padding: 10px 0 12px 0;
   display: flex;
-  // position: fixed;
-  // height: 100px;
-  //   top: 50px;
-  // left: 13px;
   padding-top: 10px;
-  // width: 90px;
-  // margin-right: 40px;
-  //   background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0NTBweCIgaGVpZ2h0PSIxMzBweCI+CiAgICA8ZWxsaXBzZSBjeD0iNjUiIGN5PSI2NSIgcng9IjUwIiByeT0iNTIiIHN0cm9rZT0icmdiKDIyMCw2MCw1NCkiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0icmdiKDIzNywxMDgsOTYpIi8+CiAgICA8ZWxsaXBzZSBjeD0iMjI1IiBjeT0iNjUiIHJ4PSI1MCIgcnk9IjUyIiBzdHJva2U9InJnYigyMTgsMTUxLDMzKSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJyZ2IoMjQ3LDE5Myw4MSkiLz4KICAgIDxlbGxpcHNlIGN4PSIzODUiIGN5PSI2NSIgcng9IjUwIiByeT0iNTIiIHN0cm9rZT0icmdiKDI3LDE2MSwzNykiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0icmdiKDEwMCwyMDAsODYpIi8+Cjwvc3ZnPgo=");
-  //   background-size: 60px;
-  //   background-repeat: no-repeat;
-  //   background-position: 10px 10px;
-  //   margin-bottom: 10px;
-  //   position: absolute;
   z-index: 10;
   min-height: 24px;
   width: 98%;
-  // display: flex;
   justify-content: flex-end;
-
   img {
     width: 16px;
     height: 16px;
@@ -399,8 +372,6 @@ const pasteNav = async () => {
 .cm-img-button button {
   height: 16px;
   background-repeat: no-repeat;
-  // background-color: #00000000;
-  // border: #00000000;
   border: none;
   background: none;
   padding: 0;
diff --git a/src/views/editCode/editScript.vue b/src/views/editCode/editScript.vue
new file mode 100644
index 000000000..c53fa5b13
--- /dev/null
+++ b/src/views/editCode/editScript.vue
@@ -0,0 +1,105 @@
+<template>
+  <cmView :isReadOnly="false" />
+  <div class="bottom-btn-wrapper">
+    <nut-button
+      @click="routerBack"
+      class="compare-btn btn"
+      style="width: 30%"
+      plain
+      shape="square"
+    >
+      <font-awesome-icon icon="fa-solid fa-eye" />
+      {{ $t("myPage.btn.cancel") }}
+    </nut-button>
+    <nut-button
+      @click="submit"
+      class="submit-btn btn"
+      type="primary"
+      shape="square"
+    >
+      <font-awesome-icon icon="fa-solid fa-floppy-disk" />
+      {{ $t("editorPage.subConfig.btn.save") }}
+    </nut-button>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useGlobalStore } from "@/store/global";
+import { useI18n } from "vue-i18n";
+import { useRoute, useRouter } from "vue-router";
+import cmView from "@/views/editCode/cmView.vue";
+import { useCodeStore } from "@/store/codeStore";
+const cmStore = useCodeStore();
+const { t } = useI18n();
+const router = useRouter();
+import { storeToRefs } from "pinia";
+import { useAppNotifyStore } from "@/store/appNotify";
+const { showNotify } = useAppNotifyStore();
+const globalStore = useGlobalStore();
+const { bottomSafeArea } = storeToRefs(globalStore);
+const padding = bottomSafeArea.value + "px";
+
+const route = useRoute();
+const id = route.params.id as string;
+console.log(id)
+const routerBack = () => {
+  cmStore.setEditCode(id, "");
+  router.back();
+};
+
+const submit = () => {
+  const code = cmStore.CmCode;
+  cmStore.setEditCode(id, code);
+  router.back();
+  showNotify({
+    type: "success",
+    title: "请勿重复点击...",
+  });
+};
+</script>
+
+<style lang="scss" scoped>
+.page-wrapper {
+  padding: 0 var(--safe-area-side) calc(v-bind("padding") + 63px)
+    var(--safe-area-side);
+
+  :deep(.nut-cell-group__warp) {
+    border-radius: var(--item-card-radios);
+  }
+}
+
+.bottom-btn-wrapper {
+  position: fixed;
+  display: flex;
+  justify-content: space-between;
+  bottom: 0;
+  width: 100%;
+  padding: 8px var(--safe-area-side) calc(v-bind("padding") + 8px)
+    var(--safe-area-side);
+  z-index: 20;
+  background: var(--background-color);
+  border-top: 1px solid var(--divider-color);
+
+  .btn {
+    border-radius: 8px;
+    padding: 4px 12px;
+    font-size: 14px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    svg {
+      margin-right: 4px;
+    }
+  }
+
+  // .compare-btn {
+  //   background: transparent;
+  //   width: 36%;
+  // }
+
+  .submit-btn {
+    width: 67%;
+  }
+}
+</style>
diff --git a/src/views/editor/components/Script.vue b/src/views/editor/components/Script.vue
index f536d44e2..c752a87d7 100644
--- a/src/views/editor/components/Script.vue
+++ b/src/views/editor/components/Script.vue
@@ -2,12 +2,18 @@
   <div class="editor-action-card">
     <p class="des-label">
       {{ $t(`editorPage.subConfig.nodeActions['${type}'].des[0]`) }}
-      <a href="https://github.com/sub-store-org/Sub-Store/wiki/%E8%84%9A%E6%9C%AC%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E" target="_blank">{{ $t('subPage.panel.tips.ok') }}</a>
+      <a
+        href="https://github.com/sub-store-org/Sub-Store/wiki/%E8%84%9A%E6%9C%AC%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E"
+        target="_blank"
+      >
+        {{ $t("subPage.panel.tips.ok") }}
+      </a>
     </p>
     <nut-radiogroup direction="horizontal" v-model="value.mode">
-      <nut-radio v-for="(key, index) in modeList" :label="key" :key="index">{{
-        $t(`editorPage.subConfig.nodeActions['${type}'].options[${index}]`)
-      }}
+      <nut-radio v-for="(key, index) in modeList" :label="key" :key="index">
+        {{
+          $t(`editorPage.subConfig.nodeActions['${type}'].options[${index}]`)
+        }}
       </nut-radio>
     </nut-radiogroup>
 
@@ -15,89 +21,42 @@
       {{ $t(`editorPage.subConfig.nodeActions['${type}'].des[1]`) }}
     </p> -->
     <div class="input-wrapper" v-if="value.mode === 'link'">
-      <nut-textarea v-model="value.content" :placeholder="$t(`editorPage.subConfig.nodeActions['${type}'].placeholder`)
-        " :rows="5" />
+      <nut-textarea
+        v-model="value.content"
+        :placeholder="
+          $t(`editorPage.subConfig.nodeActions['${type}'].placeholder`)
+        "
+        :rows="5"
+      />
     </div>
 
-
-
     <div v-if="value.mode === 'script'">
       <div class="input-wrapper">
-        <nut-textarea v-model="value.code" :placeholder="sourceType !== 'file' ? $t(`// Example:
-// Script Operator
-// 1. backend version(>2.14.88):
-$server.name = 'prefix-' + $server.name
-$server.ecn = true
-$server['test-url'] = 'http://1.0.0.1/generate_204'
-// 2. operator function
-function operator(proxies, targetPlatform) {
-  return proxies.map( proxy => {
-    // Change proxy information here
-
-    return proxy;
-  });
-}
-
-// Script Filter
-// 1. backend version(>2.14.119):
-const port = Number($server.port)
-return [80].includes(port)
-
-// 2. filter function
-function filter(proxies, targetPlatform) {
-  return proxies.map( proxy => {
-    // Return true if the current proxy is selected
-
-    return true;
-  });
-}
-`) : $t(`// Example:
-// backend version(>2.14.148):
-// $files: ['0', '1']
-// $content: '0\\n1'
-
-// produce proxies
-// backend version(>2.14.156):
-let singboxProxies = await produceArtifact({
-    type: 'subscription', // type: 'subscription' 或 'collection'
-    name: 'sub', // subscription name
-    platform: 'sing-box', // target platform
-    produceType: 'internal' // 'internal' produces an Array, otherwise produces a String( JSON.parse('JSON String') )
-})
-
-let clashMetaProxies = await produceArtifact({
-    type: 'subscription',
-    name: 'sub',
-    platform: 'ClashMeta',
-    produceType: 'internal' // 'internal' produces an Array, otherwise produces a String( ProxyUtils.yaml.safeLoad('YAML String').proxies )
-}))
-
-// YAML
-$content = ProxyUtils.yaml.safeDump({})
-
-// JSON
-$content = JSON.stringify({}, null, 2)
-
-// { $content, $files } will be passed to the next operator 
-// $content is the final content of the file
-`) " :rows="23" />
+        <nut-textarea
+          v-model="value.code"
+          :placeholder="placeholders"
+          :rows="9"
+        />
         <!-- <span>
         <font-awesome-icon icon="fa-solid fa-code" />
         {{ $t(`editorPage.subConfig.nodeActions['${type}'].openEditorBtn`) }}
       </span> -->
-
       </div>
       <!-- <br> -->
       <!-- <span class="editor-page-header">
-      <button  @click="onclearEditor">
+      <button  @click="pushEditCode">
       <font-awesome-icon icon="fa-solid fa-eraser" />
     </button>
     </span> -->
 
-      <button class="open-editor-btn" v-if="value.mode === 'script'" @click="onclearEditor">
+      <button
+        class="open-editor-btn"
+        v-if="value.mode === 'script'"
+        @click="pushEditCode"
+      >
         <span>
           <font-awesome-icon icon="fa-solid fa-code" />
-          清空脚本
+          前往脚本编辑器
         </span>
       </button>
     </div>
@@ -124,17 +83,19 @@ function filter(proxies, targetPlatform) {
     return true;
   });
 } -->
-
   </div>
 </template>
 
 <script lang="ts" setup>
-import { inject, reactive, onMounted, watch, ref, toRaw } from 'vue';
-import { usePopupRoute } from '@/hooks/usePopupRoute';
+import { inject, reactive, onMounted, watch, ref, toRaw } from "vue";
+import { usePopupRoute } from "@/hooks/usePopupRoute";
 // import MonacoEditor from '@/views/editor/components/MonacoEditor.vue';
-import { useRouter } from 'vue-router';
-import { Dialog } from '@nutui/nutui';
-import { useI18n } from 'vue-i18n';
+import { useRouter } from "vue-router";
+import { Dialog } from "@nutui/nutui";
+import { useI18n } from "vue-i18n";
+import cmView from "@/views/editCode/cmView.vue";
+import { useCodeStore } from "@/store/codeStore";
+const cmStore = useCodeStore();
 
 const router = useRouter();
 const { type, id, sourceType } = defineProps<{
@@ -145,33 +106,98 @@ const { type, id, sourceType } = defineProps<{
 
 const { t } = useI18n();
 
-const form = inject<Sub | Collection>('form');
+const form = inject<Sub | Collection>("form");
 
-const modeList = ['link', 'script'];
+const modeList = ["link", "script"];
 
 const editorIsVisible = ref(false);
 usePopupRoute(editorIsVisible);
 const value = reactive({
-  mode: '',
-  content: '',
-  code: '',
+  mode: "",
+  content: "",
+  code: "",
 });
 
+const placeholders =
+  sourceType !== "file"
+    ? t(`// Example:
+// Script Operator
+// 1. backend version(>2.14.88):
+$server.name = 'prefix-' + $server.name
+$server.ecn = true
+$server['test-url'] = 'http://1.0.0.1/generate_204'
+// 2. operator function
+function operator(proxies, targetPlatform) {
+  return proxies.map( proxy => {
+    // Change proxy information here
+
+    return proxy;
+  });
+}
 
+// Script Filter
+// 1. backend version(>2.14.119):
+const port = Number($server.port)
+return [80].includes(port)
+
+// 2. filter function
+function filter(proxies, targetPlatform) {
+  return proxies.map( proxy => {
+    // Return true if the current proxy is selected
+
+    return true;
+  });
+}
+`)
+    : t(`// Example:
+// backend version(>2.14.148):
+// $files: ['0', '1']
+// $content: '0\\n1'
 
-const onCloseEditor = val => {
-  value.code = val;
+// produce proxies
+// backend version(>2.14.156):
+let singboxProxies = await produceArtifact({
+    type: 'subscription', // type: 'subscription' 或 'collection'
+    name: 'sub', // subscription name
+    platform: 'sing-box', // target platform
+    produceType: 'internal' // 'internal' produces an Array, otherwise produces a String( JSON.parse('JSON String') )
+})
+
+let clashMetaProxies = await produceArtifact({
+    type: 'subscription',
+    name: 'sub',
+    platform: 'ClashMeta',
+    produceType: 'internal' // 'internal' produces an Array, otherwise produces a String( ProxyUtils.yaml.safeLoad('YAML String').proxies )
+}))
+
+// YAML
+$content = ProxyUtils.yaml.safeDump({})
+
+// JSON
+$content = JSON.stringify({}, null, 2)
+
+// { $content, $files } will be passed to the next operator 
+// $content is the final content of the file
+`);
+const onCloseEditor = (val) => {
+  // value.code = val;
   editorIsVisible.value = false;
   router.back();
 };
 
 // 挂载时将 value 值指针指向 form 对应的数据
 onMounted(() => {
-  const item = form.process.find(item => item.id === id);
+  const item = form.process.find((item) => item.id === id);
   if (item) {
     value.mode = item.args.mode;
-    if (item.args.mode === 'script') {
+    if (item.args.mode === "script") {
       value.code = item.args.content;
+      console.log('item',item.id , id )
+      if (cmStore.EditCode[id] != "") {
+        item.args.content = cmStore.EditCode;
+        value.code = cmStore.EditCode[id];
+        cmStore.setEditCode(id,"");
+      }
     } else {
       value.content = item.args.content;
     }
@@ -179,45 +205,19 @@ onMounted(() => {
 });
 
 watch(value, () => {
-  const item = form.process.find(item => item.id === id);
+  const item = form.process.find((item) => item.id === id);
   item.args.mode = value.mode;
-  if (item.args.mode === 'script') {
+  if (item.args.mode === "script") {
     item.args.content = value.code;
   } else {
     item.args.content = value.content;
   }
 });
 
-// 清空编辑器内容
-const onclearEditor = () => {
-  Dialog({
-    title: t('editorPage.subConfig.pop.clearTitle'),
-    content: t('editorPage.subConfig.pop.clearDes'),
-    popClass: 'auto-dialog',
-    okText: t(`editorPage.subConfig.pop.clearConfirm`),
-    cancelText: t(`editorPage.subConfig.pop.clearCancel`),
-    // onOk: () =>toRaw(value.code)?.setValue(''),
-    onOk: () => {
-      // Assuming value.code is the Monaco Editor instance
-      value.code = ''; // Clear the editor content
-    },
-    // onCancel: () => resolve(false),
-    // @ts-ignore
-    closeOnClickOverlay: true,
-  });
-
+const pushEditCode = () => {
+  cmStore.setCmCode(value.code ? value.code : placeholders);
+  router.push(`/edit/Script/${id}`);
 };
-
-  //   // 全选
-  //   const onSelectAll = () => {
-  //   const editor = toRaw(value.code);
-  //   if (editor) {
-  //     const range = editor.getFullModelRange();
-  //     editor.setSelection(range);
-  //   }
-  // };
-
-
 </script>
 
 <style lang="scss" scoped>
@@ -244,7 +244,7 @@ const onclearEditor = () => {
   display: flex;
   align-items: center;
 
-  >view.nut-textarea {
+  > view.nut-textarea {
     background: transparent;
     padding: 8px 12px;
     border-bottom: 1px solid;