[{"data":1,"prerenderedAt":249},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fconfiguration\u002Ftoolbar":3},{"id":4,"title":5,"body":6,"description":239,"extension":240,"meta":241,"navigation":244,"path":245,"seo":246,"stem":247,"__hash__":248},"docs\u002Fdocs\u002Fconfiguration\u002Ftoolbar.md","Панель инструментов",{"type":7,"value":8,"toc":234},"minimark",[9,14,26,191,195,202,205,209,212,218,230],[10,11,13],"h2",{"id":12},"два-способа-настройки","Два способа настройки",[15,16,17,21,22,25],"p",{},[18,19,20],"code",{},"toolbar"," выбирает подмножество команд, сохраняя автоматические группы. ",[18,23,24],{},"toolbarLayout"," задаёт точный порядок. Обычно выбирайте один способ. Если переданы оба, их набор и порядок должны совпадать; дубликаты команд запрещены.",[27,28,33],"pre",{"className":29,"code":30,"language":31,"meta":32,"style":32},"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","",[18,34,35,69,81,87,108,126,160,179,185],{"__ignoreMap":32},[36,37,40,44,48,51,54,58,62,66],"span",{"class":38,"line":39},"line",1,[36,41,43],{"class":42},"snl16","const",[36,45,47],{"class":46},"sDLfK"," editor",[36,49,50],{"class":42}," =",[36,52,53],{"class":42}," new",[36,55,57],{"class":56},"svObZ"," ViText",[36,59,61],{"class":60},"s95oV","(",[36,63,65],{"class":64},"sU2Wk","'#editor'",[36,67,68],{"class":60},", {\n",[36,70,72,75,78],{"class":38,"line":71},2,[36,73,74],{"class":60},"  preset: ",[36,76,77],{"class":64},"'base'",[36,79,80],{"class":60},",\n",[36,82,84],{"class":38,"line":83},3,[36,85,86],{"class":60},"  toolbarLayout: [\n",[36,88,90,93,96,99,102,105],{"class":38,"line":89},4,[36,91,92],{"class":64},"    'undo'",[36,94,95],{"class":60},", ",[36,97,98],{"class":64},"'redo'",[36,100,101],{"class":60},", { type: ",[36,103,104],{"class":64},"'separator'",[36,106,107],{"class":60}," },\n",[36,109,111,114,116,119,121,124],{"class":38,"line":110},5,[36,112,113],{"class":64},"    'bold'",[36,115,95],{"class":60},[36,117,118],{"class":64},"'italic'",[36,120,95],{"class":60},[36,122,123],{"class":64},"'link'",[36,125,80],{"class":60},[36,127,129,132,135,138,141,144,147,149,152,154,157],{"class":38,"line":128},6,[36,130,131],{"class":60},"    { type: ",[36,133,134],{"class":64},"'menu'",[36,136,137],{"class":60},", label: ",[36,139,140],{"class":64},"'***'",[36,142,143],{"class":60},", items: [",[36,145,146],{"class":64},"'h1'",[36,148,95],{"class":60},[36,150,151],{"class":64},"'h2'",[36,153,95],{"class":60},[36,155,156],{"class":64},"'bulletList'",[36,158,159],{"class":60},"] },\n",[36,161,163,165,168,171,174,176],{"class":38,"line":162},7,[36,164,131],{"class":60},[36,166,167],{"class":64},"'spacer'",[36,169,170],{"class":60}," }, ",[36,172,173],{"class":64},"'html'",[36,175,95],{"class":60},[36,177,178],{"class":64},"'fullscreen'\n",[36,180,182],{"class":38,"line":181},8,[36,183,184],{"class":60},"  ]\n",[36,186,188],{"class":38,"line":187},9,[36,189,190],{"class":60},"});\n",[10,192,194],{"id":193},"элементы-расположения","Элементы расположения",[15,196,197,198,201],{},"Строка — команда\u002Fинструмент. separator — редактируемый разделитель. Единственный spacer отделяет правую часть от левой, не показывает дополнительную линию. menu — один уровень списка в Base\u002FPro: команды и внутренние разделители. Вложенные меню запрещены; пустое меню допустимо только с label ",[18,199,200],{},"***",".",[15,203,204],{},"HTML, Markdown и полный экран тоже выбираемые инструменты. Отсутствие их в явном расположении выключает возможность. Удаление HTML выключает CSS. Simple не допускает меню, изображения, таблицы, исходник или полный экран.",[10,206,208],{"id":207},"таблица-и-переполнение","Таблица и переполнение",[15,210,211],{},"Переносится только insertTable. Контекстные команды строк\u002Fстолбцов появляются после включения режима таблицы и при клике в ячейку; повторное нажатие кнопки скрывает панель, сохраняя таблицу.",[15,213,214,215,217],{},"Явная панель Base\u002FPro занимает одну строку. Не поместившиеся кнопки уходят в ",[18,216,200],{}," и возвращаются при расширении; пустая кнопка скрыта. Simple использует горизонтальную прокрутку. Конструктор отражает скрытые инструменты в наполнении меню; удаление автоматического блока выключает эти инструменты.",[15,219,220,225,226,201],{},[221,222,224],"a",{"href":223},"\u002Fbuilder","Собрать панель"," с компьютера или планшета; ",[221,227,229],{"href":228},"\u002Fdocs\u002Freference\u002Foptions","справочник опций",[231,232,233],"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":32,"searchDepth":71,"depth":71,"links":235},[236,237,238],{"id":12,"depth":71,"text":13},{"id":193,"depth":71,"text":194},{"id":207,"depth":71,"text":208},"Порядок, разделители, правый край и меню переполнения.","md",{"group":242,"order":243},"Настройка",11,true,"\u002Fdocs\u002Fconfiguration\u002Ftoolbar",{"title":5,"description":239},"docs\u002Fconfiguration\u002Ftoolbar","FL1jkJv5LqQNJEmgm-CUY17KHemN5jRp2FDH7PCaYx4",1792670389276]