[{"data":1,"prerenderedAt":336},["ShallowReactive",2],{"docs:\u002Fdocs\u002Finstallation\u002Fscript":3},{"id":4,"title":5,"body":6,"description":327,"extension":328,"meta":329,"navigation":331,"path":332,"seo":333,"stem":334,"__hash__":335},"docs\u002Fdocs\u002Finstallation\u002Fscript.md","JavaScript-редактор через script",{"type":7,"value":8,"toc":322},"minimark",[9,18,23,43,210,227,231,234,296,299,303,318],[10,11,12,13,17],"p",{},"Подключение через script добавляет визуальный редактор содержимого на обычную HTML-страницу без сборщика и UI-фреймворка. После редактирования вызывайте ",[14,15,16],"code",{},"editor.getHTML()",", чтобы получить HTML для своего приложения.",[19,20,22],"h2",{"id":21},"полная-поставка","Полная поставка",[10,24,25,30,31,34,35,38,39,42],{},[26,27,29],"a",{"href":28},"\u002Fdownloads\u002Fvitext-community-1.0.0-beta.6.zip","Скачайте браузерный архив Community",", распакуйте и скопируйте папку ",[14,32,33],{},"vitext\u002F"," целиком в статические ресурсы своего приложения. GitHub и сборщик не нужны. Соседние ",[14,36,37],{},"source.js"," и ",[14,40,41],{},"codecs.js"," загружаются для HTML\u002FCSS и Markdown, поэтому все четыре файла должны оставаться вместе. В архиве есть рабочий пример, инструкции RU\u002FEN и лицензии.",[44,45,50],"pre",{"className":46,"code":47,"language":48,"meta":49,"style":49},"language-html shiki shiki-themes github-dark","\u003Clink rel=\"stylesheet\" href=\"\u002Fvitext\u002Fvitext.css\">\n\u003Cdiv id=\"editor\">\u003C\u002Fdiv>\n\u003Cscript src=\"\u002Fvitext\u002Fvitext.iife.js\">\u003C\u002Fscript>\n\u003Cscript>\n  const editor = new ViText.ViText('#editor', {\n    preset: 'base', language: 'ru', content: '\u003Cp>Привет!\u003C\u002Fp>'\n  });\n\u003C\u002Fscript>\n","html","",[14,51,52,87,110,132,141,173,194,200],{"__ignoreMap":49},[53,54,57,61,65,69,72,76,79,81,84],"span",{"class":55,"line":56},"line",1,[53,58,60],{"class":59},"s95oV","\u003C",[53,62,64],{"class":63},"s4JwU","link",[53,66,68],{"class":67},"svObZ"," rel",[53,70,71],{"class":59},"=",[53,73,75],{"class":74},"sU2Wk","\"stylesheet\"",[53,77,78],{"class":67}," href",[53,80,71],{"class":59},[53,82,83],{"class":74},"\"\u002Fvitext\u002Fvitext.css\"",[53,85,86],{"class":59},">\n",[53,88,90,92,95,98,100,103,106,108],{"class":55,"line":89},2,[53,91,60],{"class":59},[53,93,94],{"class":63},"div",[53,96,97],{"class":67}," id",[53,99,71],{"class":59},[53,101,102],{"class":74},"\"editor\"",[53,104,105],{"class":59},">\u003C\u002F",[53,107,94],{"class":63},[53,109,86],{"class":59},[53,111,113,115,118,121,123,126,128,130],{"class":55,"line":112},3,[53,114,60],{"class":59},[53,116,117],{"class":63},"script",[53,119,120],{"class":67}," src",[53,122,71],{"class":59},[53,124,125],{"class":74},"\"\u002Fvitext\u002Fvitext.iife.js\"",[53,127,105],{"class":59},[53,129,117],{"class":63},[53,131,86],{"class":59},[53,133,135,137,139],{"class":55,"line":134},4,[53,136,60],{"class":59},[53,138,117],{"class":63},[53,140,86],{"class":59},[53,142,144,148,152,155,158,161,164,167,170],{"class":55,"line":143},5,[53,145,147],{"class":146},"snl16","  const",[53,149,151],{"class":150},"sDLfK"," editor",[53,153,154],{"class":146}," =",[53,156,157],{"class":146}," new",[53,159,160],{"class":59}," ViText.",[53,162,163],{"class":67},"ViText",[53,165,166],{"class":59},"(",[53,168,169],{"class":74},"'#editor'",[53,171,172],{"class":59},", {\n",[53,174,176,179,182,185,188,191],{"class":55,"line":175},6,[53,177,178],{"class":59},"    preset: ",[53,180,181],{"class":74},"'base'",[53,183,184],{"class":59},", language: ",[53,186,187],{"class":74},"'ru'",[53,189,190],{"class":59},", content: ",[53,192,193],{"class":74},"'\u003Cp>Привет!\u003C\u002Fp>'\n",[53,195,197],{"class":55,"line":196},7,[53,198,199],{"class":59},"  });\n",[53,201,203,206,208],{"class":55,"line":202},8,[53,204,205],{"class":59},"\u003C\u002F",[53,207,117],{"class":63},[53,209,86],{"class":59},[10,211,212,213,215,216,218,219,222,223,226],{},"Глобальный объект ",[14,214,163],{}," содержит класс ",[14,217,163],{}," и фабрики плагинов. Класс вызывается как ",[14,220,221],{},"new ViText.ViText(...)",", а не ",[14,224,225],{},"new ViText(...)",".",[19,228,230],{"id":229},"другие-пути-ресурсов","Другие пути ресурсов",[10,232,233],{},"Обычная поставка использует файлы рядом со сборкой. При другом размещении задайте доверенные URL приложения:",[44,235,239],{"className":236,"code":237,"language":238,"meta":49,"style":49},"language-js shiki shiki-themes github-dark","const editor = new ViText.ViText('#editor', {\n  sourceModuleURL: '\u002Fassets\u002Feditor\u002Fsource.js',\n  codecsModuleURL: '\u002Fassets\u002Feditor\u002Fcodecs.js',\n  content: '\u003Cp>Документ\u003C\u002Fp>'\n});\n","js",[14,240,241,262,273,283,291],{"__ignoreMap":49},[53,242,243,246,248,250,252,254,256,258,260],{"class":55,"line":56},[53,244,245],{"class":146},"const",[53,247,151],{"class":150},[53,249,154],{"class":146},[53,251,157],{"class":146},[53,253,160],{"class":59},[53,255,163],{"class":67},[53,257,166],{"class":59},[53,259,169],{"class":74},[53,261,172],{"class":59},[53,263,264,267,270],{"class":55,"line":89},[53,265,266],{"class":59},"  sourceModuleURL: ",[53,268,269],{"class":74},"'\u002Fassets\u002Feditor\u002Fsource.js'",[53,271,272],{"class":59},",\n",[53,274,275,278,281],{"class":55,"line":112},[53,276,277],{"class":59},"  codecsModuleURL: ",[53,279,280],{"class":74},"'\u002Fassets\u002Feditor\u002Fcodecs.js'",[53,282,272],{"class":59},[53,284,285,288],{"class":55,"line":134},[53,286,287],{"class":59},"  content: ",[53,289,290],{"class":74},"'\u003Cp>Документ\u003C\u002Fp>'\n",[53,292,293],{"class":55,"line":143},[53,294,295],{"class":59},"});\n",[10,297,298],{},"Не получайте эти URL из содержимого документа. При ошибке загрузки проверьте Network: файл должен возвращать JS с правильным MIME, а не HTML-страницу 404.",[19,300,302],{"id":301},"обновление-и-очистка","Обновление и очистка",[10,304,305,306,309,310,38,314,226],{},"Обновляйте всю папку одним выпуском. Смешивание старых и новых chunks не поддерживается. При удалении host вызовите ",[14,307,308],{},"editor.destroy()","; повторный destroy безопасен. ",[26,311,313],{"href":312},"\u002Fdocs\u002Fupgrading","Обновление",[26,315,317],{"href":316},"\u002Fdocs\u002Ftroubleshooting","диагностика",[319,320,321],"style",{},"html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}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 pre.shiki code .sDLfK, html code.shiki .sDLfK{--shiki-default:#79B8FF}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":49,"searchDepth":89,"depth":89,"links":323},[324,325,326],{"id":21,"depth":89,"text":22},{"id":229,"depth":89,"text":230},{"id":301,"depth":89,"text":302},"Подключение WYSIWYG-редактора ViText к HTML-странице без сборщика. JavaScript, стили, модули HTML\u002FCSS и Markdown, очистка при удалении.","md",{"group":330,"order":89},"Начало работы",true,"\u002Fdocs\u002Finstallation\u002Fscript",{"title":5,"description":327},"docs\u002Finstallation\u002Fscript","no_rTzpdR24_iPn5UBwWPq5jKVVTyxlCFu2ab3kasrQ",1792670389278]