import{$ as e,B as t,P as n,_ as r,f as i,g as a,h as o,l as s}from"./runtime-core.esm-bundler-CZvn3YaB.js";import{t as c}from"./plugin-vue_export-helper-CxTVcLa7.js";var l=JSON.parse(`{"path":"/en/guide/markdown/plot/","title":"Plot Text | Guide","lang":"en-US","frontmatter":{"title":"Plot Text","createTime":"2025/10/08 14:45:35","icon":"weui:eyes-off-outlined","permalink":"/en/guide/markdown/plot/","description":"Overview Sometimes, you may not want to display text content completely unreservedly, preferring to maintain some secrecy. This could be to pique readers' curiosity or simply to...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"Plot Text\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2026-03-05T07:34:11.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/en/guide/markdown/plot/"}],["meta",{"property":"og:site_name","content":"Plume Theme"}],["meta",{"property":"og:title","content":"Plot Text"}],["meta",{"property":"og:description","content":"Overview Sometimes, you may not want to display text content completely unreservedly, preferring to maintain some secrecy. This could be to pique readers' curiosity or simply to..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"en-US"}],["meta",{"property":"og:locale:alternate","content":"zh-CN"}],["meta",{"property":"og:updated_time","content":"2026-03-05T07:34:11.000Z"}],["meta",{"property":"article:modified_time","content":"2026-03-05T07:34:11.000Z"}],["link",{"rel":"alternate","hreflang":"zh-cn","href":"https://theme-plume.vuejs.press/guide/markdown/plot/"}]]},"readingTime":{"minutes":1.42,"words":426},"git":{"createdTime":1743080813000,"updatedTime":1772696051000,"contributors":[{"name":"zhenghaoyang24","username":"zhenghaoyang24","email":"95458562+zhenghaoyang24@users.noreply.github.com","commits":1,"avatar":"https://avatars.githubusercontent.com/zhenghaoyang24?v=4","url":"https://github.com/zhenghaoyang24"},{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":5,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"9b9f8f3f77f8ec801e99e9aad8555bab2244dc63","time":1772696051000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"style: lint fix"},{"hash":"ce32605aeee40ca873962e21ff8012f320001523","time":1772027319000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(plugin-md-power): rename demo-wrapper container to window (#858)"},{"hash":"385059f214cb07fc9a098859e889432fb81f998b","time":1759995965000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: update en docs (#708)"},{"hash":"4d2361a7046214fe0f4e4af01831107fd00e38ad","time":1759849989000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"feat(theme)!: add collections support (#704)"},{"hash":"9f99ae3ca72b3085c6cd383a9084f42be299c400","time":1743080813000,"email":"95458562+zhenghaoyang24@users.noreply.github.com","author":"zhenghaoyang24","message":"docs: add en markdown doc (#538)","coAuthors":[{"name":"pengzhanbo","email":"volodymyr@foxmail.com"}]}]},"autoDesc":true,"filePathRelative":"en/guide/markdown/plot.md","headers":[],"bulletin":false}`),u={name:`plot.md`},d={class:`window-wrapper`},f={class:`window-content`,style:{"--window-gap":`20px`}},p={class:`code-block-title`,"data-title":`.vuepress/config.ts`},m={class:`code-block-title-bar`},h={class:`title`},g={class:`hint-container info`},_={class:`hint-container-title`},v={class:`window-wrapper`},y={class:`window-content`,style:{"--window-gap":`20px`}},b={class:`window-wrapper`},x={class:`window-content`,style:{"--window-gap":`20px`}};function S(c,l,u,S,C,w){let T=t(`Plot`,!0),E=t(`VPIcon`),D=t(`VPLink`);return n(),i(`div`,null,[l[30]||=s(`h2`,{id:`overview`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#overview`},[s(`span`,null,`Overview`)])],-1),l[31]||=s(`p`,null,`Sometimes, you may not want to display text content completely unreservedly, preferring to maintain some secrecy. This could be to pique readers' curiosity or simply to add a bit of reading difficulty, making the article more interesting.`,-1),l[32]||=s(`p`,null,[a(`To satisfy this playful intention, the theme provides a fun little feature called `),s(`strong`,null,`"plot" text`),a(`. It looks like this:`)],-1),s(`article`,d,[l[7]||=o(`

`,1),s(`section`,f,[s(`p`,null,[l[3]||=a(`Did you know that `,-1),r(T,null,{default:e(()=>[...l[0]||=[a(`Lu Xun`,-1)]]),_:1}),l[4]||=a(` once said: "`,-1),r(T,null,{default:e(()=>[...l[1]||=[a(`I never said this`,-1)]]),_:1}),l[5]||=a(`!" It was an enlightening revelation that deeply inspired me, filling me with unparalleled strength! So, `,-1),r(T,null,{default:e(()=>[...l[2]||=[a(`I turned over in bed`,-1)]]),_:1}),l[6]||=a(`!`,-1)])])]),l[33]||=s(`p`,null,`Readers cannot directly read the complete content - parts of it are "covered up" and require hovering the mouse over the content to see what's hidden.`,-1),l[34]||=s(`h2`,{id:`configuration`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#configuration`},[s(`span`,null,`Configuration`)])],-1),l[35]||=s(`p`,null,[a(`This feature is disabled by default. You need to enable it in the `),s(`code`,null,`theme`),a(` configuration.`)],-1),s(`div`,p,[s(`div`,m,[s(`span`,h,[r(E,{provider:`iconify`,name:`vscode-icons:file-type-typescript`}),l[8]||=a(`.vuepress/config.ts`,-1)])]),l[9]||=o(`

export default defineUserConfig({
  theme: plumeTheme({
    markdown: {
      plot: true, 
    }
  })
})

`,1)]),l[36]||=o(`

markdownPower.plot accepts either boolean | PlotOptions type, which controls the default behavior of this feature.

interface PlotOptions {
  /**
   * Trigger method
   *
   * @default 'hover'
   */
  trigger?: 'hover' | 'click'

  /**
   * Mask layer effect
   *
   * @default 'mask'
   */
  effect?: 'mask' | 'blur'
}

Syntax

!!hidden content!!

You can also control behavior through attribute syntax:

!!hidden content!!{.click}
!!hidden content!!{.hover}

!!hidden content!!{.mask}
!!hidden content!!{.blur}

!!hidden content!!{.blur .click}

.click - Trigger on click
.hover - Trigger on mouse hover
.mask - Mask layer effect
.blur - Text blur effect

`,7),s(`div`,g,[s(`p`,_,[l[11]||=a(`You can also use the `,-1),r(D,{href:`../components/plot.md`},{default:e(()=>[...l[10]||=[s(`code`,null,``,-1)]]),_:1}),l[12]||=a(` component as an alternative.`,-1)])]),l[37]||=o(`

Frontmatter

Use the plot option in Frontmatter to control the default behavior of this feature on the current page:

---
plot:
  trigger: hover
  effect: blur
---

Examples

Input:

Did you know that !!Lu Xun!! once said: "!!I never said this!!!" It was an enlightening revelation that deeply inspired me, filling me with unparalleled strength! So, !!I turned over in bed!!!!

Output:

`,7),s(`article`,v,[l[20]||=o(`

`,1),s(`section`,y,[s(`p`,null,[l[16]||=a(`Did you know that `,-1),r(T,null,{default:e(()=>[...l[13]||=[a(`Lu Xun`,-1)]]),_:1}),l[17]||=a(` once said: "`,-1),r(T,null,{default:e(()=>[...l[14]||=[a(`I never said this`,-1)]]),_:1}),l[18]||=a(`!" It was an enlightening revelation that deeply inspired me, filling me with unparalleled strength! So, `,-1),r(T,null,{default:e(()=>[...l[15]||=[a(`I turned over in bed`,-1)]]),_:1}),l[19]||=a(`!!`,-1)])])]),l[38]||=o(`

Input:

Mask effect + hover: !!Hover to see me!!{.mask .hover}
Mask effect + click: !!Click to see me!!{.mask .click}
Blur effect + hover: !!Hover to see me!!{.blur .hover}
Blur effect + click: !!Click to see me!!{.blur .click}

Output:

`,3),s(`article`,b,[l[29]||=o(`

`,1),s(`section`,x,[s(`p`,null,[l[22]||=a(`Mask effect + hover: `,-1),r(T,{class:`mask hover`},{default:e(()=>[...l[21]||=[a(`Hover to see me`,-1)]]),_:1})]),s(`p`,null,[l[24]||=a(`Mask effect + click: `,-1),r(T,{class:`mask click`},{default:e(()=>[...l[23]||=[a(`Click to see me`,-1)]]),_:1})]),s(`p`,null,[l[26]||=a(`Blur effect + hover: `,-1),r(T,{class:`blur hover`},{default:e(()=>[...l[25]||=[a(`Hover to see me`,-1)]]),_:1})]),s(`p`,null,[l[28]||=a(`Blur effect + click: `,-1),r(T,{class:`blur click`},{default:e(()=>[...l[27]||=[a(`Click to see me`,-1)]]),_:1})])])])])}var C=c(u,[[`render`,S]]);export{l as _pageData,C as default};