[{"data":1,"prerenderedAt":226},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fguides\u002Fhtml-css":3},{"id":4,"title":5,"body":6,"description":216,"extension":217,"meta":218,"navigation":221,"path":222,"seo":223,"stem":224,"__hash__":225},"docs\u002Fdocs\u002Fguides\u002Fhtml-css.md","HTML, CSS и исходник",{"type":7,"value":8,"toc":210},"minimark",[9,14,23,89,94,98,101,104,108,111,183,190,194,197,206],[10,11,13],"h2",{"id":12},"переключение-режима","Переключение режима",[15,16,17,18,22],"p",{},"Редактирование текста — режим по умолчанию, отдельной кнопки нет. HTML\u002FMarkdown — удерживаемые переключатели; повторное нажатие возвращает текст. После ",[19,20,21],"code",{},"setMode('html')"," дождитесь готовности source-полей.",[24,25,30],"pre",{"className":26,"code":27,"language":28,"meta":29,"style":29},"language-ts shiki shiki-themes github-dark","editor.setMode('html');\nawait editor.whenSourceReady();\nconsole.log(editor.getMode());\n","ts","",[19,31,32,55,71],{"__ignoreMap":29},[33,34,37,41,45,48,52],"span",{"class":35,"line":36},"line",1,[33,38,40],{"class":39},"s95oV","editor.",[33,42,44],{"class":43},"svObZ","setMode",[33,46,47],{"class":39},"(",[33,49,51],{"class":50},"sU2Wk","'html'",[33,53,54],{"class":39},");\n",[33,56,58,62,65,68],{"class":35,"line":57},2,[33,59,61],{"class":60},"snl16","await",[33,63,64],{"class":39}," editor.",[33,66,67],{"class":43},"whenSourceReady",[33,69,70],{"class":39},"();\n",[33,72,74,77,80,83,86],{"class":35,"line":73},3,[33,75,76],{"class":39},"console.",[33,78,79],{"class":43},"log",[33,81,82],{"class":39},"(editor.",[33,84,85],{"class":43},"getMode",[33,87,88],{"class":39},"());\n",[15,90,91,93],{},[19,92,44],{}," возвращает void. Ожидающая корректная правка применяется перед переходом; ошибка может оставить текущий режим. Проверяйте фактический getMode.",[10,95,97],{"id":96},"автоприменение","Автоприменение",[15,99,100],{},"После 250 ms без ввода исходник проверяется и применяется. Отдельных «Сохранить» и «Предпросмотр» нет. Это применение в документ, а не серверное сохранение. Проверяются закрытие\u002Fвложенность HTML-тегов, комментарии и кавычки. Void-теги img\u002Fbr\u002Fhr не требуют закрытия; обычный незакрытый p блокирует переход.",[15,102,103],{},"Ошибка показана в статусе на широком экране. Последний корректный документ сохранён; ошибочный текст остаётся в поле. Исправьте его или нажмите «Сбросить исходник». Неподдерживаемая разметка отдельно требует «Применить с упрощением»; это не обход синтаксиса и безопасности.",[10,105,107],{"id":106},"стили-содержимого","Стили содержимого",[15,109,110],{},"В pro CSS редактируется свёрнутым style-блоком под HTML. Обе части применяются атомарно. Сохраняйте их согласованно:",[24,112,114],{"className":26,"code":113,"language":28,"meta":29,"style":29},"await editor.setContent('\u003Cp>Документ\u003C\u002Fp>', {\n  css: 'p { color: #246a50; line-height: 1.6; }'\n});\nconst html = editor.getHTML();\nconst css = editor.getCSS();\n",[19,115,116,133,141,146,166],{"__ignoreMap":29},[33,117,118,120,122,125,127,130],{"class":35,"line":36},[33,119,61],{"class":60},[33,121,64],{"class":39},[33,123,124],{"class":43},"setContent",[33,126,47],{"class":39},[33,128,129],{"class":50},"'\u003Cp>Документ\u003C\u002Fp>'",[33,131,132],{"class":39},", {\n",[33,134,135,138],{"class":35,"line":57},[33,136,137],{"class":39},"  css: ",[33,139,140],{"class":50},"'p { color: #246a50; line-height: 1.6; }'\n",[33,142,143],{"class":35,"line":73},[33,144,145],{"class":39},"});\n",[33,147,149,152,156,159,161,164],{"class":35,"line":148},4,[33,150,151],{"class":60},"const",[33,153,155],{"class":154},"sDLfK"," html",[33,157,158],{"class":60}," =",[33,160,64],{"class":39},[33,162,163],{"class":43},"getHTML",[33,165,70],{"class":39},[33,167,169,171,174,176,178,181],{"class":35,"line":168},5,[33,170,151],{"class":60},[33,172,173],{"class":154}," css",[33,175,158],{"class":60},[33,177,64],{"class":39},[33,179,180],{"class":43},"getCSS",[33,182,70],{"class":39},[15,184,185,186,189],{},"Без options.css импорт сохраняет текущие стили; ",[19,187,188],{},"css: ''"," очищает их. CSS экспортируется отдельно, getHTML не содержит глобального style.",[10,191,193],{"id":192},"ограничения-css","Ограничения CSS",[15,195,196],{},"Максимум 50 000 символов. Разрешены поддерживаемые HTML-теги и комбинации через пробел, >, +, ~, запятую. Классы, ID, псевдо\u002Fатрибутные селекторы, at-rules, внешние ресурсы, url(), var() и !important запрещены. Допустимы ограниченные цвета, типографика, интервалы, списки, отступы и границы; значения проходят грамматику свойств. Ошибка отклоняет всю операцию.",[15,198,199,200,205],{},"Shadow DOM защищает окружающую страницу от этих стилей; приложение отдельно изолирует CSS при публикации экспорта. ",[201,202,204],"a",{"href":203},"\u002Fdocs\u002Freference\u002Fsecurity","Безопасность",".",[207,208,209],"style",{},"html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}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);}html pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}",{"title":29,"searchDepth":57,"depth":57,"links":211},[212,213,214,215],{"id":12,"depth":57,"text":13},{"id":96,"depth":57,"text":97},{"id":106,"depth":57,"text":107},{"id":192,"depth":57,"text":193},"Автоприменение, проверка синтаксиса и отдельные стили документа.","md",{"group":219,"order":220},"Работа с документом",21,true,"\u002Fdocs\u002Fguides\u002Fhtml-css",{"title":5,"description":216},"docs\u002Fguides\u002Fhtml-css","Fi9eIYl0bq0Y0uCIaVgjPgjlHS7PEHI5a-ccIJtaJKM",1792670389277]