[{"data":1,"prerenderedAt":209},["ShallowReactive",2],{"docs:\u002Fen\u002Fdocs\u002Fguides\u002Fhtml-css":3},{"id":4,"title":5,"body":6,"description":199,"extension":200,"meta":201,"navigation":204,"path":205,"seo":206,"stem":207,"__hash__":208},"docs_en\u002Fen\u002Fdocs\u002Fguides\u002Fhtml-css.md","HTML, CSS and source editing",{"type":7,"value":8,"toc":193},"minimark",[9,14,18,22,25,29,32,36,50,117,189],[10,11,13],"h2",{"id":12},"automatic-application","Automatic application",[15,16,17],"p",{},"HTML is available in Base\u002FPro and CSS in Pro. HTML\u002FMarkdown use the same editing window as visual content; there is no manual Save or preview mode. Valid source applies after a 250 ms pause. HTML opens with indentation and logical line numbers; a soft-wrapped line keeps the same number.",[10,19,21],{"id":20},"validation","Validation",[15,23,24],{},"Basic checks catch unclosed or mismatched tags, unsafe\u002Funsupported import and invalid CSS. A rejected draft does not replace the canonical document. The status explains the error and prevents mode switching. Fix the source or use Reset source. getHTML\u002FgetJSON\u002FgetCSS continue to return the last applied revision.",[10,26,28],{"id":27},"styles-and-history","Styles and history",[15,30,31],{},"HTML and CSS apply atomically as one history operation. CSS is stored separately from JSON. Supported text styles use a restricted tag-selector\u002Fproperty policy; classes, IDs, at-rules, url(), variables, positioning and !important are rejected. Shadow DOM isolates document styles from application UI.",[10,33,35],{"id":34},"programmatic-changes","Programmatic changes",[15,37,38,39,44,45,49],{},"Await CSS operations; capture revision for delayed edits. A newer API revision blocks a stale source draft until reset. Confirmation of formatting loss never bypasses cleanup. ",[40,41,43],"a",{"href":42},"\u002Fen\u002Fdocs\u002Freference\u002Ferrors","Errors",", ",[40,46,48],{"href":47},"\u002Fen\u002Fdocs\u002Freference\u002Fsecurity","security",".",[51,52,57],"pre",{"className":53,"code":54,"language":55,"meta":56,"style":56},"language-ts shiki shiki-themes github-dark","editor.setMode('html');\nawait editor.whenSourceReady();\nconsole.log(editor.getMode());\n","ts","",[58,59,60,83,99],"code",{"__ignoreMap":56},[61,62,65,69,73,76,80],"span",{"class":63,"line":64},"line",1,[61,66,68],{"class":67},"s95oV","editor.",[61,70,72],{"class":71},"svObZ","setMode",[61,74,75],{"class":67},"(",[61,77,79],{"class":78},"sU2Wk","'html'",[61,81,82],{"class":67},");\n",[61,84,86,90,93,96],{"class":63,"line":85},2,[61,87,89],{"class":88},"snl16","await",[61,91,92],{"class":67}," editor.",[61,94,95],{"class":71},"whenSourceReady",[61,97,98],{"class":67},"();\n",[61,100,102,105,108,111,114],{"class":63,"line":101},3,[61,103,104],{"class":67},"console.",[61,106,107],{"class":71},"log",[61,109,110],{"class":67},"(editor.",[61,112,113],{"class":71},"getMode",[61,115,116],{"class":67},"());\n",[51,118,120],{"className":53,"code":119,"language":55,"meta":56,"style":56},"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",[58,121,122,139,147,152,172],{"__ignoreMap":56},[61,123,124,126,128,131,133,136],{"class":63,"line":64},[61,125,89],{"class":88},[61,127,92],{"class":67},[61,129,130],{"class":71},"setContent",[61,132,75],{"class":67},[61,134,135],{"class":78},"'\u003Cp>Документ\u003C\u002Fp>'",[61,137,138],{"class":67},", {\n",[61,140,141,144],{"class":63,"line":85},[61,142,143],{"class":67},"  css: ",[61,145,146],{"class":78},"'p { color: #246a50; line-height: 1.6; }'\n",[61,148,149],{"class":63,"line":101},[61,150,151],{"class":67},"});\n",[61,153,155,158,162,165,167,170],{"class":63,"line":154},4,[61,156,157],{"class":88},"const",[61,159,161],{"class":160},"sDLfK"," html",[61,163,164],{"class":88}," =",[61,166,92],{"class":67},[61,168,169],{"class":71},"getHTML",[61,171,98],{"class":67},[61,173,175,177,180,182,184,187],{"class":63,"line":174},5,[61,176,157],{"class":88},[61,178,179],{"class":160}," css",[61,181,164],{"class":88},[61,183,92],{"class":67},[61,185,186],{"class":71},"getCSS",[61,188,98],{"class":67},[190,191,192],"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":56,"searchDepth":85,"depth":85,"links":194},[195,196,197,198],{"id":12,"depth":85,"text":13},{"id":20,"depth":85,"text":21},{"id":27,"depth":85,"text":28},{"id":34,"depth":85,"text":35},"Automatic application, syntax checks and a separate document stylesheet.","md",{"group":202,"order":203},"Document guides",21,true,"\u002Fen\u002Fdocs\u002Fguides\u002Fhtml-css",{"title":5,"description":199},"en\u002Fdocs\u002Fguides\u002Fhtml-css","QHHPzBAxYuDe1G9EmiqNOQCTWTx83BN6RpuiIlOaVZI",1792670389498]