Kai rodoma tekstinius dokumentus naršyklėje eilutės lūžio padėtis pastraipoje nustatoma automatiškai, atsižvelgiant į šriftų dydį ir peržiūros srities dydį. Eilučių lūžiai gali būti atliekami tik ant žodžių skyriklio simbolių (pavyzdžiui, tarpų). Kartais dokumentuose reikia nustatyti priverstinį eilutės tiekimą, kuris įgyvendinamas neatsižvelgiant į naršyklės nustatymus. Tam naudojama priverstinio eilutės tiekimo žyma.
, kuri neturi atitinkamos pabaigos žymos. Žymės įtraukimas
į dokumento tekstą užtikrins, kad vėlesnis tekstas būtų patalpintas nuo pat pradžių nauja linija. Pavyzdžiui, šis metodas gali būti naudojamas sąrašo tipo struktūroms kurti nenaudojant specialių sąrašo žymėjimo žymų. Arba, pavyzdžiui, ši žyma yra būtina norint rodyti eilėraščius ir pan.

Čia pateikiamas priverstinio linijos tiekimo pavyzdys (1.8 pav.):

Priverstinis linijos tiekimas

Virš aptemusio Petrogrado

Lapkritis alsavo rudens vėsa.

Skubėdamas triukšmingoje bangoje

Prie savo lieknos tvoros krašto,

Neva puolė kaip ligonė

Neramūs savo lovoje.

A.S. Puškinas. Bronzinis raitelis

Ryžiai. 1.8.Žyma
gali būti naudojamas priverstinai nutraukti eilutę

Skirtingai nuo pastraipos žymos

Kai naudojate žymą
tuščia eilutė nebus sugeneruota.

Žymos naudojimas
reikia būti atsargiems – gali būti, kad naršyklė jau padarė eilutės tiekimą vienu ar dviem žodžiais, kol nepasiekė jūsų žymos
. Taip atsitinka, jei skaitytuvo peržiūros lango plotis yra mažesnis nei tas pats nustatymas programoje, su kuria tikrinote dokumentą. Tokiu atveju gali pasirodyti, kad pastraipos viduryje eilutėje lieka tik vienas žodis, taip pažeidžiant dokumento maketo grožį.

Pastaba

Kai naudojate žymą
Norėdami pertraukti tekstą, apvynioti vaizdą ar lentelę, galite nustatyti parinktį CLEAR, kad sustabdytumėte teksto vyniojimą. Daugiau apie tai galite perskaityti 3 ir 4 skyriuose.

žymės u

Būna situacijų, kai reikia atlikti priešingos paskirties operaciją – uždrausti linijos padavimą. Tam yra konteinerio žyma. . Šia žyma pažymėtas tekstas garantuojamas vienoje eilutėje, nepaisant jo ilgio. Jei gauta linija tęsiasi už naršyklės peržiūros srities, atsiras horizontali slinkties juosta.

Pastaba

Kad būtų užtikrintas lentelių langeliuose esančio teksto tęstinumas, yra specialus parametras NOWRAP žyma. Daugiau apie tai galite sužinoti 4 skyriuje.

Teksto žymėjimas nepertraukiama eilutės žyma galite gauti labai ilgos eilės. Kad to išvengtumėte, skaitytuvo naršyklei galite nurodyti, kur gali įvykti eilutės lūžis, o tai bus daroma tik prireikus (vadinamoji „minkštoji“ eilutė). Tai galima padaryti įdėjus tinkama vieta teksto žyma (Word BReak), kuri yra tokia pati kaip žyma
, nereikia uždarymo žymos.

Pastaba

Žyma iš viso nepalaiko „Netscape“ naršyklė. „Microsoft“ naršyklė Internet Explorer atpažįsta šią žymą tik pažymėtame tekste .

Visi arba beveik visi naudojami makete. Kiek mūsų, įvedančių kodą
galvoja: ar tikrai jis čia reikalingas? Tarp nepatyrusių rašiklių dažnai galite pamatyti tokio pobūdžio maketus: meniu išdėstymas

Taip pat galite rasti šias nuostabias pastraipas:

Gali kilti klausimas: jei svetainėje viskas rodoma pagal dizainą, kas čia ne taip? O čia ne taip – ​​šitas košmariškas, kreivas, šlamštas kodas, bylojantis apie labai žemą maketuotojo kvalifikaciją, kuris net nepasivargino sugalvoti užduočių.

Taikyti
pastraipas formuoti, tai kaip vinių įkalimas atsuktuvu (tai irgi įrankis, kodėl neįkalus vinies, kitas).

Kam skirta žyma?
?

atnaujinimas 02/23/10 - su "gudrybėmis" su tarpais: iš anksto, reikia būti atsargiems, nes naudojant šį formatavimą, eilutės, kurios netelpa į bloką, nėra automatiškai perkeliamos į naują eilutę. Tai ypač pasakytina apie gumos dizainą. Tačiau tokiais atvejais būtina kreiptis
.

P (tarpas: prieš;)

Pastaba

Semantinio išdėstymo gerbėjų bendruomenė visiškai nebuvo įtraukta
in .

Kur neturėtų būti
?

  • naudokite žymas pagal paskirtį: pastraipoms tai yra< >, sąrašams ir -< >, < >, < >ir kt.;
  • norėdami formatuoti tekstą ir nustatyti įtraukas naudokite , pavyzdžiui , ;
  • linijoms kurti naudokite atskirus elementus (tam geriausiai tinka neutralūs žymėjimo elementai< >ir< >).

Pažvelkime į keletą praktinių pavyzdžių. Pastraipos:

Didelio našumo sprendimas turi didelį pralaidumas- iki 6,2 Gbps ir idealiai tinka ne tik balso ir vaizdo perdavimui, bet ir naujoms programoms, kurioms reikalingas pralaidumas, pavyzdžiui, internetiniams žaidimams.

SGSN gali palaikyti iki 1,5 milijono aktyvių PDP seansų.

P ( paraštė ir apačia: 12 piks.; )

Kelios telefono numerių eilutės:

The HTML
elementas gamina a eilutės pertrauka tekste (vežimas-grįžimas). Tai naudinga rašant eilėraštį ar kreipimąsi, kur reikšmingas eilučių skirstymas.

Šio interaktyvaus pavyzdžio šaltinis saugomas „GitHub“ saugykloje. Jei norite prisidėti prie interaktyvių pavyzdžių projekto, klonuokite https://github.com/mdn/interactive-examples ir atsiųskite mums užklausą.

Kaip tu galižr. iš aukščiau pateikto pavyzdžio a
elementas įtraukiamas kiekviename taške, kuriame norime, kad tekstas būtų pertrauktas. Tekstas po
vėl prasideda kitos teksto bloko eilutės pradžioje.

Atributai

Nebenaudojami atributai

aišku Nurodo, kur pradėti kitą eilutę po pertraukos.

Stilius su CSS

The
elementas turi vieną, aiškiai apibrėžtą paskirtį – sukurti teksto bloko eilutės lūžį. Todėl jis neturi savo matmenų ar vaizdinės išvesties, todėl labai mažai ką galite padaryti, kad jį sukurtumėte.

Galite nustatyti paraštę
pačius elementus, kad padidintumėte tarpus tarp teksto eilučių bloke, tačiau tai yra bloga praktika – turėtumėte naudoti eilutės aukščio savybę, kuri buvo sukurta tam tikslui.

Pavyzdžiai

paprastas br

Toliau pateiktame pavyzdyje mes naudojame
elementai, skirti sukurti eilučių pertraukas tarp skirtingų pašto adreso eilučių:

Mozilla
331 E. Evelyn Avenue
Mauntin Vju, CA
94041
JAV

Rezultatas atrodo taip:

Prieinamumo problemos

Atskirų teksto pastraipų kūrimas naudojant
Tai ne tik bloga praktika, bet ir problemiška žmonėms, kurie naršo naudodamiesi ekrano skaitymo technologija. Ekrano skaitytuvai gali pranešti apie elemento buvimą, bet ne apie jokį turinį
s. Tai gali būti paini ir varginanti ekrano skaitytuvą naudojančio asmens patirtis.

naudoti

Elementai ir naudokite CSS ypatybes, pvz., paraštę, norėdami valdyti jų tarpus.

techninė santrauka

turinio kategorijas Srauto turinys, turinio formuluotė.
Leidžiamas turinys Nėra, tai tuščias elementas.
Tag misija Turi turėti pradžios žymą ir negali turėti pabaigos žymos. XHTML dokumentuose šį elementą parašykite kaip
.
Leidžiami tėvai Bet koks elementas, kuris priima frazinį turinį .
Leidžiami ARIA vaidmenys Bet koks
DOM sąsaja ). Jis paveldimas iš HTMLElement."> HTMLBRElement

Specifikacijos

Specifikacija Būsena komentuoti
HTML gyvenimo standartas
apibrėžimas "
“ toje specifikacijoje.		 Gyvenimo standartas
HTML5
apibrėžimas "
“ toje specifikacijoje.		 Rekomendacija
HTML 4.01 specifikacija
apibrėžimas "
“ toje specifikacijoje.		 Rekomendacija

Naršyklės suderinamumas

Šiame puslapyje esanti suderinamumo lentelė yra sukurta iš struktūrinių duomenų. Jei norite prisidėti prie duomenų, apsilankykite https://github.com/mdn/browser-compat-data ir atsiųskite mums užklausą.

Atnaujinkite GitHub suderinamumo duomenis

DarbalaukisMobilusis
ChromekraštasFirefoxInternet ExplorerOperasafari„Android“ žiniatinklio peržiūra„Chrome“, skirta „Android“.„Firefox“, skirta „Android“.Opera, skirta Android„Safari“ „iOS“.Samsung internetas
brVisiškas „Chrome“ palaikymas 1Edge Visas palaikymas TaipVisiškas „Firefox“ palaikymas 1IE Visiškas palaikymas TaipOpera Visiškas palaikymas TaipVisiškas „Safari“ palaikymas Taip
aišku

Nebenaudojama

Visiškas „Chrome“ palaikymas 1Edge Visas palaikymas TaipVisiškas „Firefox“ palaikymas 1IE Visiškas palaikymas TaipOpera Visiškas palaikymas TaipVisiškas „Safari“ palaikymas TaipWebView Android Visiškas palaikymas TaipChrome Android Visas palaikymas Taip„Firefox Android“ Visiškas palaikymas 4Opera Android Visas palaikymas Taip„Safari iOS“ Visiškas palaikymas TaipSamsung Internet Android Visiškas palaikymas Taip
Naršyklė Internet Explorer Netscape Opera safari Mozilla Firefox
Versija 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
Palaikoma Taip Taip Taip Taip Taip Taip Taip Taip Taip Taip Taip Taip Taip
HTML: 3.2 4 XHTML: 1.0 1.1

apibūdinimas

Žyma
nustato naują eilutę toje vietoje, kur yra ši žyma. Skirtingai nuo pastraipos žymos

Naudojant BR žymą prieš eilutę nepridedama tuščia įtrauka. Jei tekstas, kuriame naudojama nauja eilutė, apgaubia slankųjį elementą, tada naudojamas aiškus žymos parametras
kitą eilutę galite pradėti po elementu.

Sintaksė

Tekstas
tekstą

Galimybės

clear Nurodo naršyklei, kaip tvarkyti kitą eilutę, jei tekstas apgaubia slankiojantį elementą.

Uždarymo žyma

Nereikalaujama.

1 pavyzdys: žymos naudojimas





Pažymėkite BR


R.L. Stevensonas


Į šalį atėjo vasara

Vėl žydi viržiai.

Bet nėra kam gaminti

Viržių medus.


Rezultatas šis pavyzdys nei pav. vienas.

Ryžiai. 1. Teksto tipas naudojant žymą

Žymos parametrų aprašymas

CLEAR parametras

HTML: 3.2 4 XHTML: 1.0 1.1

apibūdinimas

Aiškus parametras nurodo naršyklei, kaip tvarkyti kitą eilutę, jei tekstas apgaubia slankiojantį elementą. Plaukiojantis elementas yra vaizdas, kuriame yra lygiavimo parametrų rinkinys arba taikomas sluoksnis css nuosavybė plūdė .

Išvalymo parametro naudojimo rezultatas priklauso nuo krašto, prie kurio lygiuojamas elementas, ir aiškaus argumento reikšmės. Taigi, jei vaizdas sulygiuotas kairėje, ir žymos aiškaus parametro reikšmė
nustatyti į visus arba į kairę , tada tekstas po žymos
bus rodomas po paveikslu. Bet kokia kita aiškaus parametro reikšmė lems, kad tekstas bus dešinėje vaizdo ir apvyniotas aplink jį.

Sintaksė


Argumentai

all Vienu metu atšaukia elemento apvyniojimą iš dešiniojo ir kairiojo krašto. left Pakeičia srautą kairėje elemento pusėje po žymos
. dešinėje Atšaukia apvyniojimą dešinėje elemento pusėje. none Atšaukia šią nuosavybę.

Numatytoji reikšmė

CSS analogas

2 pavyzdys: teksto išvyniojimas





BR žyma, aiškus parametras


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.


Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum falisi null zzril delenit doloare teciu feuga.


Pavyzdžio rezultatas parodytas fig. 2.

Ryžiai. 2. Teksto vyniojimo aplink bloką atšaukimas

Pastaba

Aiškaus parametro naudojimas HTML 4 specifikacijoje yra pasenęs ir rekomenduojamas vietoj jo. css elementas aišku - BR ( aišku: abu | kairėn | nėra | dešinė ).

Dažnai reikia pridėti naują pastraipą, bet be tuščios eilutės, kurią įterpia pastraipos žyma

Kai kuriems teksto fragmentams standartiniai pastraipų intervalai yra tiesiog netinkami. Tai gali būti užrašai po paveikslėliais ir lentelėse, eilėraščiai, citatos, išnašos ir pastabos.

Priverstiniam eilučių vyniojimui yra numatyta speciali žyma, kurios funkcija įterpta į jos pavadinimą br (break row - "break a row, line"). Žyma
html hiperteksto žymėjimo kalba reiškia, kad visas kitas turinys turi prasidėti nauja eilute. Jei reikia, galite įdėti kelias žymas iš eilės, kad pasiektumėte pageidaujamą tarpą.

Žyma
neskiria didžiųjų ir mažųjų raidžių ir nereikalauja uždarymo žymos, nes tai tuščias elementas, bet geriau priprasti uždaryti visas žymas. XHTML lūžio žyma turi būti „tvirtai uždaryta“ su pasviruoju brūkšniu.

Pertraukos žymos pavyzdys

br žyma veikia< /title></p><p><р>Vaikščiojimas tarnyboje</р></p><p><p>Niekur kitur ir niekada <br></p><p>Aš nebuvau toks blogas <br></p><p>Gobšios ordos galvos <br></p><p>Graužia mane gyvą</р></p><p>Vaikščiojimas tarnyboje</p><p>Niekur kitur ir niekada <br>Aš nebuvau toks blogas. <br>Gobšios ordos galvos <br>Valgo mane gyvą.</p><h2>Žymės atributas <br></h2><p>Vienintelis atributas, kuris <a href="https://bar812.ru/lt/oznachaet-teg-br-razryv-stroki-v-html-ispolzuem-teg-br-dlya-chego-prednaznachen-teg.html">html žymą</a> <br>, vadinamas Nurodo naršyklei, ką daryti su eilutės įvyniojimu, jei tekstą reikia apvynioti aplink vadinamąjį slankiąjį elementą, pvz., vaizdą su lygiavimo atributu naudojant dešinę / kairę reikšmes arba CSS bloką, kuriame yra plūduriuojantis turtas.</p><p>XHTML 1.0 / HTML 4.01 specifikacijose atributas aiškus gali būti naudojamas tik su Transitional, Frameset ir<!DOCTYPE>, kitaip kodas neveiks.</p><h2>Žymės atributo ypatybės</h2><p>Clear atributo taikymo efektas priklauso nuo jo vertės ir slankiojo elemento vietos. Atributas gali turėti 4 reikšmes:</p><p><br clear = "right | left | all | none"></p><p><img src='https://i1.wp.com/fb.ru/misc/i/gallery/21147/458111.jpg' width="100%" loading=lazy loading=lazy></p><p>Kairė reikšmė neleidžia apvynioti kairėje sulygiuoto elemento, todėl tekstas „užkliūva“ ant žymos <br>, bus po vaizdu ar kitu slankiu elementu.</p><p>Lygiai toks pat rezultatas bus gautas naudojant argumentą visi, kuris niekada neleis nei dešinės, nei kairės.</p><p>Tinkama reikšmė neleidžia tekstui apvynioti dešinėje sulygiuoto elemento, taigi po žymos <br>tekstas neturės kito pasirinkimo, kaip apeiti vaizdą, tekėti aplink jį į dešinę.</p><p>Reikšmė none („nei tavo, nei mūsų“) visiškai pašalina atributo atributą ir žymą. <br>tyliai vynioja eilutę žemyn.</p><p>Nėra numatytosios aiškios žymos atributo vertės.</p><h2>Žyma <br>yra minkštas perkėlimas</h2><p>Eilučių pertraukos žyma yra labai patogi norint sukurti reikiamus tarpus tarp pastraipų, kuriuose ji naudojama kaip švelnus lūžis, bet ne kaip priemonė padalyti tekstą į pastraipas.</p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy loading=lazy></p><p>Neturėtumėte per daug įsijausti į naujos eilutės žymą teksto formatavimui, nes rezultatai ne visada yra elegantiški.</p><p>Pavyzdžiui, jei naudojate žymą <br>jei norite išversti eilutes pastraipoje, naudotojo lange gali pasirodyti „šukos“, jei jos yra mažesnės nei langas, į kurį nukreipė žiniatinklio valdytojas.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> </div> </div> </div> </div> </article> <script type="text/javascript"> try { var sbmt = document.getElementById('submit'), npt = document.createElement('input'), d = new Date(), __ksinit = function() { sbmt.parentNode.insertBefore(npt, sbmt); }; npt.value = d.getUTCDate() + '' + (d.getUTCMonth() + 1) + 'uniq9065'; npt.name = 'ksbn_code'; npt.type = 'hidden'; sbmt.onmousedown = __ksinit; sbmt.onkeypress = __ksinit; } catch (e) {} </script> <div class="td-sub-footer-container td-container-wrap "> <div class="td-container "> <div class="td-pb-row "> <div class="td-pb-span td-sub-footer-menu "></div> <div class="td-pb-span td-sub-footer-copy ">2022 bar812.ru. Tik apie kompleksą. Programos. Geležis. Internetas. Windows</div> </div> </div> </div> </div> <script data-cfasync="false" type="text/javascript"> if (window.addthis_product === undefined) { window.addthis_product = "wpwt"; } if (window.wp_product_version === undefined) { window.wp_product_version = "wpwt-3.1.2"; } if (window.wp_blog_version === undefined) { window.wp_blog_version = "4.9.1"; } if (window.addthis_share === undefined) { window.addthis_share = {}; } if (window.addthis_config === undefined) { window.addthis_config = { "data_track_clickback": true, "ui_language": "ru", "ui_atversion": "300" }; } if (window.addthis_plugin_info === undefined) { window.addthis_plugin_info = { "info_status": "enabled", "cms_name": "WordPress", "plugin_name": "Website Tools by AddThis", "plugin_version": "3.1.2", "plugin_mode": "AddThis", "anonymous_profile_id": "wp-f2d21fd70bfc0c32605b4e5e1e4ff912", "page_info": { "template": "posts", "post_type": "" }, "sharing_enabled_on_post_via_metabox": false }; } (function() { var first_load_interval_id = setInterval(function() { if (typeof window.addthis !== 'undefined') { window.clearInterval(first_load_interval_id); if (typeof window.addthis_layers !== 'undefined' && Object.getOwnPropertyNames(window.addthis_layers).length > 0) { window.addthis.layers(window.addthis_layers); } if (Array.isArray(window.addthis_layers_tools)) { for (i = 0; i < window.addthis_layers_tools.length; i++) { window.addthis.layers(window.addthis_layers_tools[i]); } } } }, 1000) }()); </script> <script type='text/javascript'> var tocplus = { "smooth_scroll": "1", "visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c", "visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c", "width": "Auto" }; </script> <script type='text/javascript' src='https://bar812.ru/wp-content/plugins/disqus-comment-system/media/js/disqus.js?ver=bbebb9a04042e1d7d3625bab0b5e9e4f'></script> <script> (function() { var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm, ''); }); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } }); } })(); </script> <div id="tdw-css-writer" style="display: none" class="tdw-drag-dialog tdc-window-sidebar"> <header> <a title="redaktorius" class="tdw-tab tdc-tab-active" href="#" data-tab-content="tdw-tab-editor">Redaguoti naudojant tiesioginį CSS</a> <div class="tdw-less-info" title="Jis bus raudonas, kai bus aptikta klaidų jūsų CSS ir LESS"></div> </header> <div class="tdw-content"> <div class="tdw-tabs-content tdw-tab-editor tdc-tab-content-active"> <script> (function(jQuery, undefined) { jQuery(window).ready(function() { if ('undefined' !== typeof tdcAdminIFrameUI) { var $liveIframe = tdcAdminIFrameUI.getLiveIframe(); if ($liveIframe.length) { $liveIframe.load(function() { $liveIframe.contents().find('body').append('<textarea class="tdw-css-writer-editor" style="display: none"></textarea>'); }); } } }); })(jQuery); </script> <textarea class="tdw-css-writer-editor td_live_css_uid_1_5a5dc1e76f1d6"></textarea> <div id="td_live_css_uid_1_5a5dc1e76f1d6" class="td-code-editor"></div> <script> jQuery(window).load(function() { if ('undefined' !== typeof tdLiveCssInject) { tdLiveCssInject.init(); var editor_textarea = jQuery('.td_live_css_uid_1_5a5dc1e76f1d6'); var languageTools = ace.require("ace/ext/language_tools"); var tdcCompleter = { getCompletions: function(editor, session, pos, prefix, callback) { if (prefix.length === 0) { callback(null, []); return } if ('undefined' !== typeof tdcAdminIFrameUI) { var data = { error: undefined, getShortcode: '' }; tdcIFrameData.getShortcodeFromData(data); if (!_.isUndefined(data.error)) { tdcDebug.log(data.error); } if (!_.isUndefined(data.getShortcode)) { var regex = /el_class=\"([A-Za-z0-9_-]*\s*)+\"/g, results = data.getShortcode.match(regex); var elClasses = {}; for (var i = 0; i < results.length; i++) { var currentClasses = results[i] .replace('el_class="', '') .replace('"', '') .split(' '); for (var j = 0; j < currentClasses.length; j++) { if (_.isUndefined(elClasses[currentClasses[j]])) { elClasses[currentClasses[j]] = ''; } } } var arrElClasses = []; for (var prop in elClasses) { arrElClasses.push(prop); } callback(null, arrElClasses.map(function(item) { return { name: item, value: item, meta: 'in_page' } })); } } } }; languageTools.addCompleter(tdcCompleter); window.editor = ace.edit("td_live_css_uid_1_5a5dc1e76f1d6"); // 'change' handler is written as function because it's called by tdc_on_add_css_live_components (of wp_footer hook) // We did it to reattach the existing compiled css to the new content received from server. window.editorChangeHandler = function() { //tdwState.lessWasEdited = true; window.onbeforeunload = function() { if (tdwState.lessWasEdited) { return "You have attempted to leave this page. Are you sure?"; } return false; }; var editorValue = editor.getSession().getValue(); editor_textarea.val(editorValue); if ('undefined' !== typeof tdcAdminIFrameUI) { tdcAdminIFrameUI.getLiveIframe().contents().find('.tdw-css-writer-editor:first').val(editorValue); // Mark the content as modified // This is important for showing info when composer closes tdcMain.setContentModified(); } tdLiveCssInject.less(); }; editor.getSession().setValue(editor_textarea.val()); editor.getSession().on('change', editorChangeHandler); editor.setTheme("ace/theme/textmate"); editor.setShowPrintMargin(false); editor.getSession().setMode("ace/mode/less"); editor.setOptions({ enableBasicAutocompletion: true, enableSnippets: true, enableLiveAutocompletion: false }); } }); </script> </div> </div> <footer> <a href="#" class="tdw-save-css">Sutaupyti</a> <div class="tdw-more-info-text">Parašykite CSS AR MAŽIAU ir paspauskite išsaugoti. CTRL + tarpo klavišas automatiniam užbaigimui.</div> <div class="tdw-resize"></div> </footer> </div> <script type="text/javascript" defer src="https://bar812.ru/wp-content/cache/autoptimize/js/autoptimize_d85127d8732b44d62e81e0455b3d3cb7.js"></script> </body> </html>