1"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[5695],{20689:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>a,contentTitle:()=>o,default:()=>p,frontMatter:()=>r,metadata:()=>d,toc:()=>c});var i=n(85893),s=n(11151);const r={sidebar_position:5},o="Typst Preview in Tinymist",d={id:"external/typst-preview",title:"Typst Preview in Tinymist",description:"Tinymist provides an excellent slide mode, allowing us to preview and present slides from editors that support its preview commands. In VS Code, these commands are available from the command palette.",source:"@site/docs/external/typst-preview.md",sourceDirName:"external",slug:"/external/typst-preview",permalink:"/docs/external/typst-preview",draft:!1,unlisted:!1,editUrl:"https://github.com/touying-typ/touying/tree/main/docs/en/external/typst-preview.md",tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5},sidebar:"tutorialSidebar",previous:{title:"Pdfpc",permalink:"/docs/external/pdfpc"},next:{title:"Changelog",permalink:"/docs/changelog"}},a={},c=[];function l(e){const t={code:"code",h1:"h1",p:"p",...(0,s.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{id:"typst-preview-in-tinymist",children:"Typst Preview in Tinymist"}),"\n",(0,i.jsx)(t.p,{children:"Tinymist provides an excellent slide mode, allowing us to preview and present slides from editors that support its preview commands. In VS Code, these commands are available from the command palette."}),"\n",(0,i.jsxs)(t.p,{children:["In VS Code, press ",(0,i.jsx)(t.code,{children:"Ctrl/Cmd + Shift + P"})," and type ",(0,i.jsx)(t.code,{children:"Typst Preview: Preview current file in slide mode"})," to open the preview in slide mode."]}),"\n",(0,i.jsxs)(t.p,{children:["In VS Code, press ",(0,i.jsx)(t.code,{children:"Ctrl/Cmd + Shift + P"})," and type ",(0,i.jsx)(t.code,{children:"Typst Preview: Preview current file in browser and slide mode"})," to open the slide mode in the browser."]}),"\n",(0,i.jsxs)(t.p,{children:["Now, you can press keys like ",(0,i.jsx)(t.code,{children:"F11"})," to enter fullscreen mode in the browser, making it suitable for slide presentations."]}),"\n",(0,i.jsx)(t.p,{children:"Since Typst Preview is based on SVG, it can play GIF animations, which is very helpful for dynamic slides."})]})}function p(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(l,{...e})}):l(e)}},11151:(e,t,n)=>{n.d(t,{Z:()=>d,a:()=>o});var i=n(67294);const s={},r=i.createContext(s);function o(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function d(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.