增加关闭所有标签

component/items/options.tsx

@@ -8,15 +8,16 @@ import { i18n } from "~tools"
 
 export default function Options(props) {
   let { name } = props
+
   return (
     <fieldset>
       <legend>{i18n(name + "Config")}</legend>
-      <CssCode name={{ name }}></CssCode>
-      <ShowTag name={{ name }}></ShowTag>
-      <EditMarkdown name={{ name }}></EditMarkdown>
-      <DownloadMarkdown name={{ name }}></DownloadMarkdown>
-      <DownloadHtml name={{ name }}></DownloadHtml>
-      <DownloadPdf name={{ name }}></DownloadPdf>
+      <CssCode name={name}></CssCode>
+      <ShowTag name={name}></ShowTag>
+      <EditMarkdown name={name}></EditMarkdown>
+      <DownloadMarkdown name={name}></DownloadMarkdown>
+      <DownloadHtml name={name}></DownloadHtml>
+      <DownloadPdf name={name}></DownloadPdf>
     </fieldset>
   )
 }

component/options/config.tsx

@@ -15,6 +15,9 @@ export default function Config({ forwardRef }) {
   const [closeLog, setCloseLog] = useStorage("config-closeLog", (v) =>
     v === undefined ? true : v
   )
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", (v) =>
+    v === undefined ? true : v
+  )
 
   function downloadFullImg() {
     sendToContentScript({
@@ -59,6 +62,18 @@ export default function Config({ forwardRef }) {
         />
         <label className="codebox-switch" htmlFor="config-copyCode"></label>
       </div>
+      <div className="item">
+        <span>{i18n("allShowTag")}</span>
+        <input
+          type="checkbox"
+          id="allShowTag"
+          name="allShowTag"
+          className="codebox-offscreen"
+          checked={allShowTag}
+          onChange={(e) => setAllShowTag(e.target.checked)}
+        />
+        <label htmlFor="allShowTag" className="codebox-switch"></label>
+      </div>
       <div className="item">
         <span>{i18n("configCloseLog")}</span>
         <input

contents/360doc.tsx

@@ -29,6 +29,7 @@ export const getShadowHostId: PlasmoGetShadowHostId = () => "codebox-360doc"
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("360doc-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("360doc")
   const [content, setContent] = useEditMarkdown()
@@ -88,7 +89,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/51cto.tsx

@@ -40,6 +40,7 @@ export const getStyle: PlasmoGetStyle = () => TagBtnStyle()
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
   const [showTag, setShowTag] = useStorage<boolean>("51cto-showTag", true)
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [cssCode, runCss] = useCssCodeHook("51cto")
   const [copyCode] = useStorage<boolean>("51cto-copyCode")
   const [closeLoginModal] = useStorage<boolean>("51cto-closeLoginModal")
@@ -250,7 +251,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <Tags
       onEdit={editMarkdown}
       onDownload={downloadMarkdown}

contents/baidu.tsx

@@ -29,6 +29,7 @@ export const getShadowHostId: PlasmoGetShadowHostId = () => "codebox-baidu"
 const isBaijiahao = location.hostname.includes("baijiahao")
 const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("baidu-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("baidu")
   const [closeAIBox] = useStorage<boolean>("baidu-closeAIBox")
@@ -109,7 +110,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
     setParseContent(dom)
   }
 
-  return showTag && isBaijiahao ? (
+  return showTag && allShowTag && isBaijiahao ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/cnblogs.tsx

@@ -12,7 +12,6 @@ import { useMessage } from "@plasmohq/messaging/hook"
 import { useStorage } from "@plasmohq/storage/hook"
 
 import TagBtnStyle from "~component/tagBtn/style"
-import Tags from "~component/ui/tags"
 import ToolBox from "~component/ui/toolBox"
 import { saveHtml, saveMarkdown } from "~tools"
 import useCssCodeHook from "~utils/cssCodeHook"
@@ -41,6 +40,7 @@ export const getStyle: PlasmoGetStyle = () => TagBtnStyle()
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("cnblogs-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("cnblogs")
   const [copyCode] = useStorage<boolean>("cnblogs-copyCode")
@@ -182,7 +182,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/csdn.tsx

@@ -38,6 +38,7 @@ export const getStyle: PlasmoGetStyle = () => TagBtnStyle()
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("csdn-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("csdn")
   const [closeAds] = useStorage<boolean>("csdn-closeAds")
@@ -299,7 +300,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <Tags
       onEdit={editMarkdown}
       onDownload={downloadMarkdown}

contents/jb51.tsx

@@ -36,6 +36,7 @@ export const getOverlayAnchor: PlasmoGetOverlayAnchor = async () =>
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("jb51-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("jb51")
   const [closeAds] = useStorage<boolean>("jb51-closeAds")
@@ -258,7 +259,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/jianshu.tsx

@@ -40,6 +40,7 @@ export const getStyle: PlasmoGetStyle = () => TagBtnStyle()
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("jianshu-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("jianshu")
   const [closeLoginModal] = useStorage<boolean>("jianshu-closeLoginModal")
@@ -212,7 +213,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/juejin.tsx

@@ -64,6 +64,7 @@ export const getOverlayAnchor: PlasmoGetOverlayAnchor = async () =>
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("juejin-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("juejin")
   const [content, setContent] = useEditMarkdown()
@@ -123,7 +124,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/luogu.tsx

@@ -29,6 +29,7 @@ export const getShadowHostId: PlasmoGetShadowHostId = () => "codebox-luogu"
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("luogu-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("luogu")
   const [content, setContent] = useEditMarkdown()
@@ -88,7 +89,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       style={{
         left: "75px"

contents/medium.tsx

@@ -99,6 +99,7 @@ export const getShadowHostId: PlasmoGetShadowHostId = () => "codebox-medium"
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("medium-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("medium")
   const [content, setContent] = useEditMarkdown(turndownOption)
@@ -160,7 +161,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/oschina.tsx

@@ -39,6 +39,7 @@ export const getStyle: PlasmoGetStyle = () => TagBtnStyle()
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("oschina-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("oschina")
   const [content, setContent] = useEditMarkdown()
@@ -98,7 +99,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/paywallbuster.tsx

@@ -48,6 +48,7 @@ const isPaywallbuster = location.hostname.includes("paywallbuster")
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>(
     "paywallbuster-showTag",
     true

contents/php.tsx

@@ -39,6 +39,7 @@ export const getStyle: PlasmoGetStyle = () => TagBtnStyle()
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("php-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("php")
   const [copyCode] = useStorage("php-copyCode", true)
@@ -149,7 +150,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/pianshen.tsx

@@ -32,6 +32,7 @@ export const getShadowHostId: PlasmoGetShadowHostId = () => "codebox-pianshen"
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("pianshen-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("pianshen")
   const [content, setContent] = useEditMarkdown()
@@ -91,7 +92,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = () => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/segmentfault.tsx

@@ -39,6 +39,7 @@ export const getStyle: PlasmoGetStyle = () => TagBtnStyle()
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>(
     "segmentfault-showTag",
     true
@@ -101,7 +102,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setParseContent(dom)
   }
 
-  return showTag ? (
+  return showTag && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

contents/weixin.tsx

@@ -142,6 +142,7 @@ const style = {
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("weixin-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("weixin")
   const [history, setHistory] = useStorage<any[]>("codebox-history")
@@ -278,7 +279,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setIsShow(false)
   }
 
-  return showTag && isShow ? (
+  return showTag && isShow && allShowTag ? (
     <div id="ws_cmbm" className="ws_cmbmc" style={style.box}>
       <button style={style.close} onClick={onClose} aria-label="Close">
         ×

contents/zhihu.tsx

@@ -66,6 +66,7 @@ const style = {
 
 const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
   const [parseContent, setParseContent] = useParseMarkdown()
+  const [allShowTag, setAllShowTag] = useStorage("config-allShowTag", true)
   const [showTag, setShowTag] = useStorage<boolean>("zhihu-showTag", true)
   const [cssCode, runCss] = useCssCodeHook("zhihu")
   const [closeLoginModal] = useStorage<boolean>("zhihu-closeLoginModal")
@@ -263,7 +264,7 @@ const PlasmoOverlay: FC<PlasmoCSUIProps> = ({ anchor }) => {
     setIsShow(false)
   }
 
-  return showTag && isShow ? (
+  return showTag && isShow && allShowTag ? (
     <ToolBox
       onGetDescription={getDescription}
       onEditMarkdown={editMarkdown}

locales/en/messages.json

@@ -182,6 +182,9 @@
   "showTag": {
     "message": "Show Tag"
   },
+  "allShowTag": {
+    "message": "All Tag"
+  },
   "code": {
     "message": "Code"
   },

locales/zh_CN/messages.json

@@ -185,6 +185,9 @@
   "showTag": {
     "message": "显示标签"
   },
+  "allShowTag": {
+    "message": "所有标签"
+  },
   "code": {
     "message": "代码"
   },

package.json

@@ -1,7 +1,7 @@
 {
   "name": "code-box",
   "displayName": "__MSG_extensionName__",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "description": "__MSG_extensionDescription__",
   "author": "027xiguapi. <458813868@qq.com>",
   "scripts": {