[{"data":1,"prerenderedAt":222},["ShallowReactive",2],{"example:\u002Fen\u002Fexamples\u002Ftoolbar":3},{"id":4,"title":5,"body":6,"description":213,"extension":214,"meta":215,"navigation":217,"path":218,"seo":219,"stem":220,"__hash__":221},"examples_en\u002Fen\u002Fexamples\u002Ftoolbar.md","Your own toolbar",{"type":7,"value":8,"toc":208},"minimark",[9,14,29,33,36,187,191,204],[10,11,13],"h2",{"id":12},"local-setup","Local setup",[15,16,17,18,23,24,28],"p",{},"Script integration is available through the ",[19,20,22],"a",{"href":21},"\u002Fen\u002Fdocs\u002Finstallation\u002Fscript","browser archive",". For ESM, use ",[25,26,27],"code",{},"npm install @vitext-ru\u002Feditor@beta",". The live example above runs in an isolated browser document; no document data is sent to a server.",[10,30,32],{"id":31},"workflow","Workflow",[15,34,35],{},"Edit the document and inspect its applied HTML. Tools use the same default configuration as the builder. The toolbar example intentionally moves selected tools into an explicit *** menu. The plugin example uses Pro, since plugins are unavailable in Simple\u002FBase. The Markdown example awaits conversion before consuming HTML. Invalid source keeps the previous applied version.",[37,38,43],"pre",{"className":39,"code":40,"language":41,"meta":42,"style":42},"language-ts shiki shiki-themes github-dark","const editor = new ViText('#editor', {\n preset: 'base', language: 'en',\n toolbarLayout: ['bold', 'italic', { type: 'separator' }, 'link',\n   { type: 'menu', label: '***', items: ['h1', 'h2', 'bulletList'] },\n   { type: 'spacer' }, 'html', 'fullscreen']\n});\n","ts","",[25,44,45,79,97,126,160,181],{"__ignoreMap":42},[46,47,50,54,58,61,64,68,72,76],"span",{"class":48,"line":49},"line",1,[46,51,53],{"class":52},"snl16","const",[46,55,57],{"class":56},"sDLfK"," editor",[46,59,60],{"class":52}," =",[46,62,63],{"class":52}," new",[46,65,67],{"class":66},"svObZ"," ViText",[46,69,71],{"class":70},"s95oV","(",[46,73,75],{"class":74},"sU2Wk","'#editor'",[46,77,78],{"class":70},", {\n",[46,80,82,85,88,91,94],{"class":48,"line":81},2,[46,83,84],{"class":70}," preset: ",[46,86,87],{"class":74},"'base'",[46,89,90],{"class":70},", language: ",[46,92,93],{"class":74},"'en'",[46,95,96],{"class":70},",\n",[46,98,100,103,106,109,112,115,118,121,124],{"class":48,"line":99},3,[46,101,102],{"class":70}," toolbarLayout: [",[46,104,105],{"class":74},"'bold'",[46,107,108],{"class":70},", ",[46,110,111],{"class":74},"'italic'",[46,113,114],{"class":70},", { type: ",[46,116,117],{"class":74},"'separator'",[46,119,120],{"class":70}," }, ",[46,122,123],{"class":74},"'link'",[46,125,96],{"class":70},[46,127,129,132,135,138,141,144,147,149,152,154,157],{"class":48,"line":128},4,[46,130,131],{"class":70},"   { type: ",[46,133,134],{"class":74},"'menu'",[46,136,137],{"class":70},", label: ",[46,139,140],{"class":74},"'***'",[46,142,143],{"class":70},", items: [",[46,145,146],{"class":74},"'h1'",[46,148,108],{"class":70},[46,150,151],{"class":74},"'h2'",[46,153,108],{"class":70},[46,155,156],{"class":74},"'bulletList'",[46,158,159],{"class":70},"] },\n",[46,161,163,165,168,170,173,175,178],{"class":48,"line":162},5,[46,164,131],{"class":70},[46,166,167],{"class":74},"'spacer'",[46,169,120],{"class":70},[46,171,172],{"class":74},"'html'",[46,174,108],{"class":70},[46,176,177],{"class":74},"'fullscreen'",[46,179,180],{"class":70},"]\n",[46,182,184],{"class":48,"line":183},6,[46,185,186],{"class":70},"});\n",[10,188,190],{"id":189},"integration-and-cleanup","Integration and cleanup",[15,192,193,194,198,199,203],{},"Destroy the instance before unmounting, and await asynchronous imports\u002Fstyles. Your application owns storage, authentication and uploads. ",[19,195,197],{"href":196},"\u002Fen\u002Fdocs\u002Fgetting-started","Integration guide",". ",[19,200,202],{"href":201},"\u002Fexamples-live\u002Ftoolbar\u002Findex.html?lang=en","Open separately",". The browser archive includes a standalone script example.",[205,206,207],"style",{},"html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":42,"searchDepth":81,"depth":81,"links":209},[210,211,212],{"id":12,"depth":81,"text":13},{"id":31,"depth":81,"text":32},{"id":189,"depth":81,"text":190},"Explicit tools, separators, right alignment and a *** menu.","md",{"group":216,"order":128},"Configuration",true,"\u002Fen\u002Fexamples\u002Ftoolbar",{"title":5,"description":213},"en\u002Fexamples\u002Ftoolbar","LwnV0iaQNsp9U48COh1WMBeIPNx5-VAFglwWRAjamkY",1792670389637]