(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{737:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return r(4675)}])},5911:function(e,t,r){"use strict";r.d(t,{a:function(){return h}});var n=r(1527),s=r(3143),l=r(3317),i=r(5095),a=r(3172),o=r(6089),d=r(5924),c=r(7274),m=r.n(c);let x=()=>{var e;let{spec:t}=(0,o.YX)(),r=null!==(e=null==t?void 0:t.href)&&void 0!==e?e:"",l=(0,s.C)(),i=r.startsWith("#")||r.startsWith("/"),a=i?m():"a";return(0,n.jsx)("span",{className:"not-prose",children:(0,n.jsxs)(a,{...i?{href:r}:{href:r,target:"_blank",rel:"noreferrer"},className:(0,d.Z)("inline-flex items-center justify-center gap-1 rounded px-2",l(!1)),onMouseDown:e=>{e.preventDefault()},children:[(0,n.jsx)("span",{className:"material-symbols-outlined text-sm text-nord8 ",children:"open_in_new"}),(0,n.jsx)("small",{className:"font-light text-nord8",children:r})]})})},h=e=>{let t=e({as:"span",component:x});return(0,a.x6)(()=>new l.Sy({state:{init:()=>i.EH.empty,apply(e){let{selection:r}=e,{$from:n,$to:s}=r,l=e.doc.nodeAt(r.from),a=null==l?void 0:l.marks.find(e=>"link"===e.type.name);if(!a)return i.EH.empty;let o={start:-1,end:-1};return e.doc.nodesBetween(n.start(),s.end(),(e,t)=>{if(l===e)return o={start:t,end:t+Math.max(e.textContent.length,1)},!1}),i.EH.create(e.doc,[t(o.end,{href:a.attrs.href,title:a.attrs.title})])}},props:{decorations(e){return this.getState(e)}}}))}},4675:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return y},default:function(){return b}});var n=r(1527),s=r(5911),l=r(1036),i=r(8650),a=r(3457),o=r(6654),d=r(6089);let c=e=>{let{value:t}=e,r=(0,d.AQ)();return(0,a.jE)(e=>l.ML.make().config(t=>{t.set(l.KP,e),e.className="h-96 overflow-auto bg-gray-100 rounded-2xl shadow-inner border-gray-200 dark:bg-gray-800 dark:border-gray-700",t.set(l.i8,{attributes:{class:"w-full max-w-full box-border overflow-hidden p-4"}})}).config(e=>{e.set(l.Dn,t)}).config(o.Q).use(i.iO).use((0,s.a)(r))),(0,n.jsx)(a.Nl,{})};var m=r(5924);let x=e=>{let{primary:t,icon:r,text:s}=e,l=(0,m.Z)("w-full flex h-12 items-center justify-center rounded-2xl shadow-md hover:shadow-lg md:h-14",t?"text-gray-50 bg-nord10 hover:bg-nord9":"bg-gray-200 hover:bg-gray-100 dark:bg-nord3 hover:dark:bg-nord1");return(0,n.jsxs)("button",{className:l,children:[r&&(0,n.jsx)("span",{className:"material-symbols-outlined mr-3 text-base",children:r}),(0,n.jsx)("span",{className:"text-sm",children:s})]})},h=e=>{let{title:t,desc:r}=e;return(0,n.jsxs)("div",{className:"flex-1/2 rounded-2xl bg-gray-50 py-3 px-4 dark:bg-nord3",children:[(0,n.jsx)("div",{className:"text-xl font-bold",children:t}),(0,n.jsx)("p",{className:"mt-7 font-light",children:r})]})};var u=r(8036),g=r.n(u),f=r(7274),p=r.n(f);let j=[{title:"Plugin Driven",desc:"Everything in milkdown are plugins. Extend your editor with different types of plugins: syntax, theme, UI, etc."},{title:"Collaborative",desc:"With the support of Y.js, milkdown can be used in real-time collaborative editing."},{title:"Headless",desc:"Milkdown is headless and comes without any CSS. You can easily customize the editor to fit the style of your application."},{title:"Reliable",desc:"Milkdown is built on top of some great libraries, such as ProseMirror, Y.js, and Remark. Which means you can use their community and eco system to get help."}];var y=!0;function b(){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(g(),{children:(0,n.jsx)("title",{children:"Milkdown"})}),(0,n.jsxs)("div",{className:"mx-8 pt-24 md:mx-24 lg:mx-40 xl:mx-80 2xl:mx-auto 2xl:max-w-4xl",children:[(0,n.jsxs)("div",{className:"mt-24 text-center",children:[(0,n.jsxs)("h1",{className:"text-4xl font-medium sm:text-6xl xl:text-8xl",children:["The"," ",(0,n.jsx)("span",{className:"text-nord10 dark:text-nord9",children:"WYSIWYG Markdown"})," ","Editor Framework"]}),(0,n.jsx)("p",{className:"mt-6 text-lg font-light sm:text-2xl",children:"\uD83C\uDF7C A plugin driven framework to build WYSIWYG Markdown editor."}),(0,n.jsxs)("div",{className:"mt-9 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4",children:[(0,n.jsx)(p(),{href:"/docs/guide/getting-started",children:(0,n.jsx)(x,{primary:!0,text:"GET STARTED",icon:"play_circle"})}),(0,n.jsx)(p(),{className:"hidden md:block",href:"/playground",children:(0,n.jsx)(x,{text:"PLAYGROUND",icon:"gamepad"})}),(0,n.jsx)("a",{className:"hidden md:block",href:"https://github.com/Milkdown/examples",target:"_blank",rel:"noreferrer",children:(0,n.jsx)(x,{text:"EXAMPLES",icon:"view_cozy"})}),(0,n.jsx)("a",{href:"https://github.com/Milkdown/milkdown",target:"_blank",rel:"noreferrer",children:(0,n.jsx)(x,{text:"VIEW ON GITHUB"})})]})]}),(0,n.jsx)("div",{className:"mt-24",children:(0,n.jsx)(a.iz,{children:(0,n.jsx)(d.cL,{children:(0,n.jsx)(c,{value:"\n# Like this one\n\n> I'll see you on the dark side of the moon.  -- Roger Waters\n\nTry it out by typing in here, or visiting the [online playground](/playground).\n".trim()})})})}),(0,n.jsx)("div",{className:"mt-24 grid grid-cols-1 gap-6 md:grid-cols-2",children:j.map(e=>(0,n.jsx)(h,{title:e.title,desc:e.desc},e.title))})]})]})}}},function(e){e.O(0,[6512,9296,3468,9774,2888,179],function(){return e(e.s=737)}),_N_E=e.O()}]);