[{"data":1,"prerenderedAt":243},["ShallowReactive",2],{"docs:\u002Fen\u002Fdocs\u002Fconfiguration\u002Ftoolbar":3},{"id":4,"title":5,"body":6,"description":233,"extension":234,"meta":235,"navigation":238,"path":239,"seo":240,"stem":241,"__hash__":242},"docs_en\u002Fen\u002Fdocs\u002Fconfiguration\u002Ftoolbar.md","Toolbar configuration",{"type":7,"value":8,"toc":227},"minimark",[9,14,31,35,38,42,45,49,58,223],[10,11,13],"h2",{"id":12},"match-the-builder","Match the builder",[15,16,17,18,22,23,26,27,30],"p",{},"Use toolbarLayout for the exact order you selected. A string represents one tool. A separator is ",[19,20,21],"code",{},"{ type: 'separator' }",". At most one ",[19,24,25],{},"{ type: 'spacer' }"," starts the right-aligned group. Menus use ",[19,28,29],{},"{ type: 'menu', label: '***', items: [...] }"," in Base\u002FPro. Nested menus and duplicate tools are invalid.",[10,32,34],{"id":33},"overflow","Overflow",[15,36,37],{},"The desktop toolbar remains a single row. Tools that do not fit move into the selected menu or the automatic overflow menu and return when the container expands. Resizing does not modify the document or exported configuration. A simple preset has no user-configured menus.",[10,39,41],{"id":40},"tables","Tables",[15,43,44],{},"insertTable is the selectable toolbar entry. Row\u002Fcolumn\u002Fheader\u002Fdelete controls form a contextual panel; they are not independently draggable builder tools. Entering a cell activates the table tools. Deactivating the table mode leaves its content intact.",[10,46,48],{"id":47},"legacy-grouping","Legacy grouping",[15,50,51,52,57],{},"The toolbar option still offers the library's automatic grouping. Site demos use explicit toolbarLayout from the builder to avoid displaying synthetic Insert\u002FAdditional formatting menus. ",[53,54,56],"a",{"href":55},"\u002Fen\u002Fdocs\u002Freference\u002Foptions","Options",".",[59,60,65],"pre",{"className":61,"code":62,"language":63,"meta":64,"style":64},"language-ts shiki shiki-themes github-dark","const editor = new ViText('#editor', {\n  preset: 'base',\n  toolbarLayout: [\n    'undo', 'redo', { type: 'separator' },\n    'bold', 'italic', 'link',\n    { type: 'menu', label: '***', items: ['h1', 'h2', 'bulletList'] },\n    { type: 'spacer' }, 'html', 'fullscreen'\n  ]\n});\n","ts","",[19,66,67,101,113,119,140,158,192,211,217],{"__ignoreMap":64},[68,69,72,76,80,83,86,90,94,98],"span",{"class":70,"line":71},"line",1,[68,73,75],{"class":74},"snl16","const",[68,77,79],{"class":78},"sDLfK"," editor",[68,81,82],{"class":74}," =",[68,84,85],{"class":74}," new",[68,87,89],{"class":88},"svObZ"," ViText",[68,91,93],{"class":92},"s95oV","(",[68,95,97],{"class":96},"sU2Wk","'#editor'",[68,99,100],{"class":92},", {\n",[68,102,104,107,110],{"class":70,"line":103},2,[68,105,106],{"class":92},"  preset: ",[68,108,109],{"class":96},"'base'",[68,111,112],{"class":92},",\n",[68,114,116],{"class":70,"line":115},3,[68,117,118],{"class":92},"  toolbarLayout: [\n",[68,120,122,125,128,131,134,137],{"class":70,"line":121},4,[68,123,124],{"class":96},"    'undo'",[68,126,127],{"class":92},", ",[68,129,130],{"class":96},"'redo'",[68,132,133],{"class":92},", { type: ",[68,135,136],{"class":96},"'separator'",[68,138,139],{"class":92}," },\n",[68,141,143,146,148,151,153,156],{"class":70,"line":142},5,[68,144,145],{"class":96},"    'bold'",[68,147,127],{"class":92},[68,149,150],{"class":96},"'italic'",[68,152,127],{"class":92},[68,154,155],{"class":96},"'link'",[68,157,112],{"class":92},[68,159,161,164,167,170,173,176,179,181,184,186,189],{"class":70,"line":160},6,[68,162,163],{"class":92},"    { type: ",[68,165,166],{"class":96},"'menu'",[68,168,169],{"class":92},", label: ",[68,171,172],{"class":96},"'***'",[68,174,175],{"class":92},", items: [",[68,177,178],{"class":96},"'h1'",[68,180,127],{"class":92},[68,182,183],{"class":96},"'h2'",[68,185,127],{"class":92},[68,187,188],{"class":96},"'bulletList'",[68,190,191],{"class":92},"] },\n",[68,193,195,197,200,203,206,208],{"class":70,"line":194},7,[68,196,163],{"class":92},[68,198,199],{"class":96},"'spacer'",[68,201,202],{"class":92}," }, ",[68,204,205],{"class":96},"'html'",[68,207,127],{"class":92},[68,209,210],{"class":96},"'fullscreen'\n",[68,212,214],{"class":70,"line":213},8,[68,215,216],{"class":92},"  ]\n",[68,218,220],{"class":70,"line":219},9,[68,221,222],{"class":92},"});\n",[224,225,226],"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":64,"searchDepth":103,"depth":103,"links":228},[229,230,231,232],{"id":12,"depth":103,"text":13},{"id":33,"depth":103,"text":34},{"id":40,"depth":103,"text":41},{"id":47,"depth":103,"text":48},"Explicit order, separators, right alignment and overflow menus.","md",{"group":236,"order":237},"Configuration",11,true,"\u002Fen\u002Fdocs\u002Fconfiguration\u002Ftoolbar",{"title":5,"description":233},"en\u002Fdocs\u002Fconfiguration\u002Ftoolbar","vsxKkSjx_AnzTtCYRMUBll-0OdWaaR2Tg30X4mfGFCY",1792670389487]