[{"data":1,"prerenderedAt":297},["ShallowReactive",2],{"example:\u002Fen\u002Fexamples\u002Fesm":3},{"id":4,"title":5,"body":6,"description":288,"extension":289,"meta":290,"navigation":292,"path":293,"seo":294,"stem":295,"__hash__":296},"examples_en\u002Fen\u002Fexamples\u002Fesm.md","Module integration",{"type":7,"value":8,"toc":283},"minimark",[9,14,29,33,36,262,266,279],[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","import ViText from '@vitext-ru\u002Feditor';\nimport '@vitext-ru\u002Feditor\u002Fstyle.css';\nconst editor = new ViText('#editor', { language: 'en', preset: 'base',\n  toolbarLayout: [\n    'undo', 'redo', {type: 'separator'},\n    'paragraph', 'h1', 'h2', 'h3', {type: 'separator'},\n    'bold', 'italic', 'link', {type: 'separator'},\n    'bulletList', 'orderedList', {type: 'separator'},\n    'image', 'insertTable', {type: 'separator'}, 'html', 'fullscreen'\n  ]\n});\neditor.destroy();\n","ts","",[25,44,45,68,78,119,125,146,173,195,212,238,244,250],{"__ignoreMap":42},[46,47,50,54,58,61,65],"span",{"class":48,"line":49},"line",1,[46,51,53],{"class":52},"snl16","import",[46,55,57],{"class":56},"s95oV"," ViText ",[46,59,60],{"class":52},"from",[46,62,64],{"class":63},"sU2Wk"," '@vitext-ru\u002Feditor'",[46,66,67],{"class":56},";\n",[46,69,71,73,76],{"class":48,"line":70},2,[46,72,53],{"class":52},[46,74,75],{"class":63}," '@vitext-ru\u002Feditor\u002Fstyle.css'",[46,77,67],{"class":56},[46,79,81,84,88,91,94,98,101,104,107,110,113,116],{"class":48,"line":80},3,[46,82,83],{"class":52},"const",[46,85,87],{"class":86},"sDLfK"," editor",[46,89,90],{"class":52}," =",[46,92,93],{"class":52}," new",[46,95,97],{"class":96},"svObZ"," ViText",[46,99,100],{"class":56},"(",[46,102,103],{"class":63},"'#editor'",[46,105,106],{"class":56},", { language: ",[46,108,109],{"class":63},"'en'",[46,111,112],{"class":56},", preset: ",[46,114,115],{"class":63},"'base'",[46,117,118],{"class":56},",\n",[46,120,122],{"class":48,"line":121},4,[46,123,124],{"class":56},"  toolbarLayout: [\n",[46,126,128,131,134,137,140,143],{"class":48,"line":127},5,[46,129,130],{"class":63},"    'undo'",[46,132,133],{"class":56},", ",[46,135,136],{"class":63},"'redo'",[46,138,139],{"class":56},", {type: ",[46,141,142],{"class":63},"'separator'",[46,144,145],{"class":56},"},\n",[46,147,149,152,154,157,159,162,164,167,169,171],{"class":48,"line":148},6,[46,150,151],{"class":63},"    'paragraph'",[46,153,133],{"class":56},[46,155,156],{"class":63},"'h1'",[46,158,133],{"class":56},[46,160,161],{"class":63},"'h2'",[46,163,133],{"class":56},[46,165,166],{"class":63},"'h3'",[46,168,139],{"class":56},[46,170,142],{"class":63},[46,172,145],{"class":56},[46,174,176,179,181,184,186,189,191,193],{"class":48,"line":175},7,[46,177,178],{"class":63},"    'bold'",[46,180,133],{"class":56},[46,182,183],{"class":63},"'italic'",[46,185,133],{"class":56},[46,187,188],{"class":63},"'link'",[46,190,139],{"class":56},[46,192,142],{"class":63},[46,194,145],{"class":56},[46,196,198,201,203,206,208,210],{"class":48,"line":197},8,[46,199,200],{"class":63},"    'bulletList'",[46,202,133],{"class":56},[46,204,205],{"class":63},"'orderedList'",[46,207,139],{"class":56},[46,209,142],{"class":63},[46,211,145],{"class":56},[46,213,215,218,220,223,225,227,230,233,235],{"class":48,"line":214},9,[46,216,217],{"class":63},"    'image'",[46,219,133],{"class":56},[46,221,222],{"class":63},"'insertTable'",[46,224,139],{"class":56},[46,226,142],{"class":63},[46,228,229],{"class":56},"}, ",[46,231,232],{"class":63},"'html'",[46,234,133],{"class":56},[46,236,237],{"class":63},"'fullscreen'\n",[46,239,241],{"class":48,"line":240},10,[46,242,243],{"class":56},"  ]\n",[46,245,247],{"class":48,"line":246},11,[46,248,249],{"class":56},"});\n",[46,251,253,256,259],{"class":48,"line":252},12,[46,254,255],{"class":56},"editor.",[46,257,258],{"class":96},"destroy",[46,260,261],{"class":56},"();\n",[10,263,265],{"id":264},"integration-and-cleanup","Integration and cleanup",[15,267,268,269,273,274,278],{},"Destroy the instance before unmounting, and await asynchronous imports\u002Fstyles. Your application owns storage, authentication and uploads. ",[19,270,272],{"href":271},"\u002Fen\u002Fdocs\u002Fgetting-started","Integration guide",". ",[19,275,277],{"href":276},"\u002Fexamples-live\u002Fesm\u002Findex.html?lang=en","Open separately",". The browser archive includes a standalone script example.",[280,281,282],"style",{},"html pre.shiki code .snl16, html code.shiki .snl16{--shiki-default:#F97583}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 pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}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":70,"depth":70,"links":284},[285,286,287],{"id":12,"depth":70,"text":13},{"id":31,"depth":70,"text":32},{"id":264,"depth":70,"text":265},"A real workspace ESM import with client-side mounting.","md",{"group":291,"order":70},"Installation",true,"\u002Fen\u002Fexamples\u002Fesm",{"title":5,"description":288},"en\u002Fexamples\u002Fesm","cq1KU8l01S7iipaR8eIK_NZyurcVD2Zp1VKa3K77QAs",1792670389617]