diff --git a/plugin/logo/html.png b/plugin/logo/html.png
new file mode 100644
index 0000000..edb7c75
Binary files /dev/null and b/plugin/logo/html.png differ
diff --git a/src/components/CommandEditor.vue b/src/components/CommandEditor.vue
index 8231ad5..0ec9d59 100644
--- a/src/components/CommandEditor.vue
+++ b/src/components/CommandEditor.vue
@@ -84,6 +84,7 @@
         <div class="col-auto justify-end flex">
           <q-btn-group unelevated>
             <q-btn-dropdown
+              v-show="quickcommandInfo.program !== 'html'"
               style="padding: 0 10px"
               dense
               flat
@@ -374,7 +375,10 @@ export default {
     // 运行
     runCurrentCommand() {
       let command = _.cloneDeep(this.quickcommandInfo);
-      command.output = this.$refs.sidebar?.currentCommand.output || "text";
+      command.output =
+        this.$refs.sidebar?.currentCommand.output || command.program === "html"
+          ? "html"
+          : "text";
       command.cmdType = this.$refs.sidebar?.cmdType.name;
       this.$refs.result.runCurrentCommand(command);
     },
diff --git a/src/components/CommandRunResult.vue b/src/components/CommandRunResult.vue
index f2ace12..1ef33cd 100644
--- a/src/components/CommandRunResult.vue
+++ b/src/components/CommandRunResult.vue
@@ -113,6 +113,8 @@ export default {
           }
           !outPlugin && this.showRunResult(stdout, true, action);
         });
+      } else if (currentCommand.program === "html") {
+        this.showRunResult(currentCommand.cmd, true, action);
       } else {
         let option =
           currentCommand.program === "custom"
diff --git a/src/components/CommandSideBar.vue b/src/components/CommandSideBar.vue
index 531631e..b65b293 100644
--- a/src/components/CommandSideBar.vue
+++ b/src/components/CommandSideBar.vue
@@ -312,9 +312,21 @@ export default {
       return x;
     },
     outputTypesOptionsDy() {
-      return this.$parent.quickcommandInfo.program === "quickcommand"
-        ? _.without(this.outputTypesOptions, "terminal")
-        : this.outputTypesOptions;
+      switch (this.$parent.quickcommandInfo.program) {
+        case "quickcommand":
+          return _.without(this.outputTypesOptions, "terminal");
+        case "html":
+          return ["html"];
+        default:
+          return this.outputTypesOptions;
+      }
+    },
+  },
+  watch: {
+    outputTypesOptionsDy(val) {
+      if (!val.includes(this.currentCommand.output)) {
+        this.currentCommand.output = val[0];
+      }
     },
   },
   methods: {
diff --git a/src/js/options/programs.js b/src/js/options/programs.js
index 687c38c..d8f6b06 100644
--- a/src/js/options/programs.js
+++ b/src/js/options/programs.js
@@ -12,6 +12,14 @@ const programs = {
         color: "primary",
         icon: "logo/quickcommand.png",
     },
+    html: {
+        name: "html",
+        bin: "",
+        argv: "",
+        ext: "",
+        color: "deep-orange",
+        icon: "logo/html.png",
+    },
     shell: {
         name: "shell",
         bin: "bash",
@@ -118,4 +126,4 @@ const programs = {
         icon: "logo/custom.png",
     },
 };
-export default programs
\ No newline at end of file
+export default programs