import{u as a,D as c,c as p,G as r,B as i,R as y,o as F,z as s,a as o,t as l,b as t}from"./chunks/framework.03801eb5.js";import{g as D,a as d}from"./chunks/demoUtils.6ac2f074.js";const C=y("",19),A={class:"language-typescript"},h=s("button",{title:"Copy Code",class:"copy"},null,-1),u=s("span",{class:"lang"},"typescript",-1),_={class:"shiki material-theme-palenight"},m=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},"{"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#A6ACCD"}},"BlockNoteEditor"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"}"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF","font-style":"italic"}},"from"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#C3E88D"}},"@blocknote/core"),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#89DDFF"}},";")],-1),f=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},"{"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#A6ACCD"}},"BlockNoteView"),s("span",{style:{color:"#89DDFF"}},","),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#A6ACCD"}},"useBlockNote"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"}"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF","font-style":"italic"}},"from"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#C3E88D"}},"@blocknote/react"),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#89DDFF"}},";")],-1),g=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#C3E88D"}},"@blocknote/core/style.css"),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#89DDFF"}},";")],-1),B=s("span",{class:"line"},null,-1),b=s("span",{class:"line"},[s("span",{style:{color:"#676E95","font-style":"italic"}},"// Gets the previously stored editor contents.")],-1),E=s("span",{class:"line"},[s("span",{style:{color:"#C792EA"}},"const"),s("span",{style:{color:"#A6ACCD"}}," initialContent"),s("span",{style:{color:"#89DDFF"}},":"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#FFCB6B"}},"string"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},"|"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#FFCB6B"}},"null"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},"="),s("span",{style:{color:"#A6ACCD"}}," localStorage"),s("span",{style:{color:"#89DDFF"}},"."),s("span",{style:{color:"#82AAFF"}},"getItem"),s("span",{style:{color:"#A6ACCD"}},"("),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#C3E88D"}},"editorContent"),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#A6ACCD"}},")"),s("span",{style:{color:"#89DDFF"}},";")],-1),k=s("span",{class:"line"},null,-1),v=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF","font-style":"italic"}},"export"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF","font-style":"italic"}},"default"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C792EA"}},"function"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#82AAFF"}},"App"),s("span",{style:{color:"#89DDFF"}},"()"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},"{")],-1),w=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF"}},"  "),s("span",{style:{color:"#676E95","font-style":"italic"}},"// Creates a new editor instance.")],-1),N=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"  "),s("span",{style:{color:"#C792EA"}},"const"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#A6ACCD"}},"editor"),s("span",{style:{color:"#89DDFF"}},":"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#FFCB6B"}},"BlockNoteEditor"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"|"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#FFCB6B"}},"null"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"="),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#82AAFF"}},"useBlockNote"),s("span",{style:{color:"#F07178"}},"("),s("span",{style:{color:"#89DDFF"}},"{")],-1),S={class:"line"},x=s("span",{style:{color:"#F07178"}},"    theme",-1),T=s("span",{style:{color:"#89DDFF"}},":",-1),I=s("span",{style:{color:"#F07178"}}," ",-1),z=s("span",{style:{color:"#89DDFF"}},'"',-1),q={style:{color:"#C3E88D"}},O=s("span",{style:{color:"#89DDFF"}},'"',-1),P=s("span",{style:{color:"#89DDFF"}},",",-1),R=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF"}},"    "),s("span",{style:{color:"#676E95","font-style":"italic"}},"// If the editor contents were previously saved, restores them.")],-1),M=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"    initialContent"),s("span",{style:{color:"#89DDFF"}},":"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#A6ACCD"}},"initialContent"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"?"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#A6ACCD"}},"JSON"),s("span",{style:{color:"#89DDFF"}},"."),s("span",{style:{color:"#82AAFF"}},"parse"),s("span",{style:{color:"#F07178"}},"("),s("span",{style:{color:"#A6ACCD"}},"initialContent"),s("span",{style:{color:"#F07178"}},") "),s("span",{style:{color:"#89DDFF"}},":"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"undefined,")],-1),V=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF"}},"    "),s("span",{style:{color:"#676E95","font-style":"italic"}},"// Serializes and saves the editor contents to local storage.")],-1),U=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"    "),s("span",{style:{color:"#82AAFF"}},"onEditorContentChange"),s("span",{style:{color:"#89DDFF"}},":"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"("),s("span",{style:{color:"#A6ACCD","font-style":"italic"}},"editor"),s("span",{style:{color:"#89DDFF"}},")"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#C792EA"}},"=>"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"{")],-1),W=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"      "),s("span",{style:{color:"#A6ACCD"}},"localStorage"),s("span",{style:{color:"#89DDFF"}},"."),s("span",{style:{color:"#82AAFF"}},"setItem"),s("span",{style:{color:"#F07178"}},"(")],-1),j=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"        "),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#C3E88D"}},"editorContent"),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#89DDFF"}},",")],-1),H=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"        "),s("span",{style:{color:"#A6ACCD"}},"JSON"),s("span",{style:{color:"#89DDFF"}},"."),s("span",{style:{color:"#82AAFF"}},"stringify"),s("span",{style:{color:"#F07178"}},"("),s("span",{style:{color:"#A6ACCD"}},"editor"),s("span",{style:{color:"#89DDFF"}},"."),s("span",{style:{color:"#A6ACCD"}},"topLevelBlocks"),s("span",{style:{color:"#F07178"}},")")],-1),J=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"      )"),s("span",{style:{color:"#89DDFF"}},";")],-1),L=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"    "),s("span",{style:{color:"#89DDFF"}},"}")],-1),Y=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"  "),s("span",{style:{color:"#89DDFF"}},"}"),s("span",{style:{color:"#F07178"}},")"),s("span",{style:{color:"#89DDFF"}},";")],-1),G=s("span",{class:"line"},null,-1),K=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF"}},"  "),s("span",{style:{color:"#676E95","font-style":"italic"}},"// Renders the editor instance.")],-1),Q=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"  "),s("span",{style:{color:"#89DDFF","font-style":"italic"}},"return"),s("span",{style:{color:"#F07178"}}," <"),s("span",{style:{color:"#FFCB6B"}},"BlockNoteView"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#FFCB6B"}},"editor"),s("span",{style:{color:"#F07178"}},"="),s("span",{style:{color:"#89DDFF"}},"{"),s("span",{style:{color:"#F07178"}},"editor"),s("span",{style:{color:"#89DDFF"}},"}"),s("span",{style:{color:"#F07178"}}," />"),s("span",{style:{color:"#89DDFF"}},";")],-1),X=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF"}},"}")],-1),Z={class:"language-css"},$=s("button",{title:"Copy Code",class:"copy"},null,-1),ss=s("span",{class:"lang"},"css",-1),os={class:"shiki material-theme-palenight"},ts={class:"line"},es={style:{color:"#A6ACCD"}},is=JSON.parse(`{"title":"Customizing the Editor","description":"While you can get started with BlockNote in minutes, it's likely that you'll want to customize its features and functionality to better suit your app.","frontmatter":{"title":"Customizing the Editor","description":"While you can get started with BlockNote in minutes, it's likely that you'll want to customize its features and functionality to better suit your app.","imageTitle":"Customizing the Editor","path":"/docs/editor"},"headers":[],"relativePath":"docs/editor.md","filePath":"docs/editor.md"}`),ls={name:"docs/editor.md"},ys=Object.assign(ls,{setup(ns){const{isDark:e}=a();return(as,cs)=>{const n=c("Sandbox");return F(),p("div",null,[C,r(n,{codeOptions:"%5B%22typescript-vue%20%2FApp.tsx%22%2C%22css-vue%20%2Fstyles.css%20%5Bhidden%5D%22%5D",template:"react-ts"},{default:i(()=>[s("div",A,[h,u,s("pre",_,[s("code",null,[m,o(`
`),f,o(`
`),g,o(`
`),B,o(`
`),b,o(`
`),E,o(`
`),k,o(`
`),v,o(`
`),w,o(`
`),N,o(`
`),s("span",S,[x,T,I,z,s("span",q,l(t(D)(t(e))),1),O,P]),o(`
`),R,o(`
`),M,o(`
`),V,o(`
`),U,o(`
`),W,o(`
`),j,o(`
`),H,o(`
`),J,o(`
`),L,o(`
`),Y,o(`
`),G,o(`
`),K,o(`
`),Q,o(`
`),X])])]),s("div",Z,[$,ss,s("pre",os,[s("code",null,[s("span",ts,[s("span",es,l(t(d)(t(e))),1)])])])])]),_:1})])}}});export{is as __pageData,ys as default};