Ako pridať svoj HTML kód? Vkladanie PHP kódu do HTML. Ako to urobiť správne? Vloženie html kódu do stránky

Chcete na stránku uverejniť kód s nejakým riešením alebo inštrukciou, ale máte s tým problémy? Zistite, ako to urobiť správne a zobraziť kód tak, ako sa zobrazuje v editore kódu.

Zdá sa, že vložiť kód nie je náročná úloha, ale ak neviete o niektorých pravidlách, o ktorých sa bude diskutovať, môžu nastať problémy.

Vložte kód ako kód

Ak chcete vložiť kód na stránku, je zabalený do značiek

A .  Výsledkom je nasledujúca konštrukcia:

 
Tu je kód
Aby sme to vysvetlili stručne a k veci, v tejto konštrukcii značka kódu hovorí prehliadaču, že sa v nej nachádza programový kód, a predznačka ukladá zalomenia riadkov, tabulátory (zarážky) riadkov a medzier.
Všetko sa zdá byť jasné a nie je v tom nič zložité, ale problém je v tom, že ak chcete vložiť html kód alebo kód obsahujúci znaky< , >, & , " , ` , potom môžu nastať problémy - prehliadač spracuje váš kód ako html. Ak napríklad chcete v kóde zobraziť kód formulára s tlačidlom, vstupnými poľami atď., prehliadač zobrazí formulár, nie jeho kód.
Kód uniká
Aby sa tak nestalo, robia takzvaný code escaping – vtedy sú vyššie uvedené znaky nahradené ich UTF kódmi.
Schéma nahradenia znakov kódmi utf
Symboly a kódy, ktoré ich nahrádzajú, sú uvedené nižšie:
Samozrejme, že nikto nerobí ručnú výmenu znakov - to sa robí programovo.  Najdostupnejším nástrojom na to je online escapovanie kódu, kde sa v okamihu nahradia všetky znaky a kód ušetrí všetky medzery a spojovníky a bude úplne pripravený na vloženie do konštrukcie tagu. 

Výsledkom je, že po escapovaní môžete vložiť ľubovoľnú časť kódu.  Príklad takejto vložky môžete vidieť po escapovaní kódu nižšie:

 


 
 
 
 








 
Súvisiace príspevky
Dobrý deň, milí čitatelia!
Poďme sa porozprávať o programovom kóde na stránke.  Správca webu často potrebuje vložiť kód na jednu alebo viacero stránok lokality.  WordPress vám umožňuje používať php, java, html, css atď.  kód dvoma spôsobmi: ako spustiteľné príkazy interpretované motorom lokality a ako čitateľný a kopírovateľný text.  V tomto článku sa pozrieme na príklady, ako vložiť kód na stránku WordPress tak, aby sa návštevníkom zobrazovala správne a krásne. 
Kód vo forme textu: prečo je to potrebné
Potreba výstupného kódu vo WordPress nie je bežná.  Dá sa s istotou povedať, že majitelia lekárskych, stavebných alebo kulinárskych blogov pravdepodobne nebudú mať takúto otázku.  Čo sa nedá povedať o autoroch projektov venovaných témam ako tvorba a, webdizajn a programovanie, vývoj aplikácií atď.
Potreba publikovať jednotlivé riadky kódu sa niekedy neobmedzuje len na jednoduché pridanie požadovaného fragmentu na stránku.  Sprievodná túžba „urobiť to krásnym“ spočíva na použití zvýrazňovania syntaxe kódu a určitých metód implementácie.  Zvýraznenie kódu na stránke môže výrazne uľahčiť vnímanie údajov návštevníkmi, ktorí sú zvyknutí používať pokročilé editory ako .
Ak kód len vložíte do článku, WordPress ho po zverejnení interpretuje a skresľuje.  Preto musí byť takýto typ údajov vždy spracovaný.  Tento problém môžete vyriešiť rôznymi spôsobmi: ručným pridaním potrebných značiek na stránku, pomocou tlačidla zabudovaného do editora WordPress a pomocou rôznych doplnkov.
Ako pridať kód do článku bez pluginu
WordPress ponúka správcovi stránky na riešenie tohto problému vlastný nástroj, ktorý je súčasťou redakčného systému.
Blok pozostávajúci z jedného alebo niekoľkých riadkov kódu pridaného v editore vizuálneho obsahu, WordPress nahrádza všetky znaky v značkách pri prepnutí do textového režimu< и >symbolov <
 a >

Ak chcete CMS ukázať, že určitý kus kódu by sa mal zobraziť na stránke „tak, ako je“, musí byť vybratý v textovom editore WordPress a „obalený“ značkou pomocou tlačidla na paneli nástrojov:

Na stránke to bude vyzerať takto:











Meno 1
Meno 2


Hodnota 1
Hodnota 2


Ak chcete vložiť kód na stránku WordPress so špecifikovanými zarážkami, pri prechode z editora vizuálneho obsahu na textový editor môžete použiť značku html 
Zachovanie všetkých nadbytočných medzier použitých na vytvorenie zarážok.  Obsah prvku 
A V predvolenom nastavení sa v prehliadačoch zobrazuje v jednorozmerných písmach.

Príklad ako vložiť html kód na stránku bez pluginov pomocou tagu vo WordPresse 

 

 

 
Meno 1
 
Meno 2
 
 

 
Hodnota 1
 
Hodnota 2
 

Otagovať 
Uplatňujú sa univerzálne atribúty, najmä atribút štýl Používa sa na definovanie prvku pomocou CSS.  Nasledujúci príklad ukazuje, ako hodnoty atribútov štýl nastavte farbu zobrazeného textu, farbu pozadia bloku, hrúbku, farbu a polomer okraja bloku:


Možnosti formátovania blokov zobrazených na stránke pomocou atribútov sú pomerne široké, nie však neobmedzené.  Použitie uvažovaných značiek je opodstatnené, keď sú na stránku pridané jednotlivé riadky alebo malé fragmenty kódu ako príklady.  V tomto prípade nie je potrebné hovoriť o krásnom dizajne, výsledok vloženia bude extrémne minimalistický, ale pre mnohých to stačí.
Komplexné formátovanie, ktoré vám umožňuje implementovať zvýrazňovanie syntaxe, je výsledkom doplnkov, o ktorých sa bude diskutovať nižšie.
Pluginy na vkladanie kódu pre WordPress
Ponúkame na výber niekoľko pluginov z oficiálneho WordPress repozitára, ktoré umožňujú krásne zobraziť akýkoľvek kód (php, java, html, css): riadok po riadku a s vhodným zvýraznením prvkov.
SyntaxHighlighter Evolved

Bežný doplnok na vkladanie kódu do WordPress, pokročilý a výkonný, na stránke s nastaveniami môžete použiť jednu zo siedmich dostupných tém dizajnu a v prípade potreby zvoliť zobrazenie číslovania riadkov a panelov s nástrojmi, nastaviť URL na klikanie, zbaliť pole kódu , nastaviť automatické ovíjanie dlhých riadkov a pod.  Nechýba ani vizuálny náhľad výstupu, je tu dekódovanie použitých atribútov.
V doplnku SyntaxHighlighter Evolved Všetko, čo kedy potrebujete, je poskytnuté.  Je veľmi jednoduché vložiť kód do článku WordPress pomocou neho, na to musíte doplnku povoliť spracovanie značky v nastaveniach 
Alebo použite príslušné skratky:
príklad príklad príklad príklad
wp-syntax

Ďalší plugin, ktorý je už dlho zaslúžene uznávaný webmastermi.  Aktuálne štatistiky oficiálneho úložiska uvádzajú viac ako 10 tisíc aktívnych inštalácií.  Žiaľ, plugin už rok nebol aktualizovaný, no naďalej plní svoje deklarované funkcie.
wp-syntax nemá vlastnú stránku nastavení.  Tento doplnok WordPress na úpravu kódu, presnejšie na jeho vkladanie a zmenu vzhľadu zvýraznenia syntaxe, používa značku 
S atribútom výberu jazyka:

 
príklad
príklad
príklad
Zoznam podporovaných jazykov je uvedený na stránke doplnku.
Atribút riadok v tagu slúži na zobrazenie číslovania riadkov, jeho hodnota zodpovedá číslu riadku, od ktorého začína odpočítavanie.  Ak kód obsahuje html objekty, odporúča sa použiť atribút unikol so zmyslom pravda ako možnosť:
príklad

Príklad výstupu a zvýrazňovania kódu CSS pomocou doplnku:
 1
2
3
4
5
6
7
8
.block ( border : 2px #8E0505 ; color : #2D0000 ; /*farba textu*/ padding : 2px ; /*odsadenie*/ text-align : left ; /*zarovnanie textu*/ font-family : arial;  font-size : 14px ;  )
Blok ( orámovanie: 2px #8E0505; farba: #2D0000; /*farba textu*/ výplň: 2px; /*výplň*/ zarovnanie textu: doľava; /*zarovnanie textu*/ rodina písiem: arial; veľkosť písma : 14px ;)
Pri prepnutí z editora HTML do vizuálneho režimu značka WordPress interpretuje značku 
A kód sa nezobrazuje správne.  Preto pri úprave článkov s vloženými blokmi kódu musíte použiť editor obsahu v režime html.

Kód Prettify

Ľahký doplnok bez konfigurácie, ktorý vám umožňuje vložiť kód na web WordPress pomocou automatického zvýrazňovania bez potreby špecifikovať jazyk.  Implementuje zvýrazňovanie značiek 
A Na stránke.  Jednoduché riešenie založené na moduloch Knižnica Google Code Pretty pre tých, ktorí sa nechcú ponoriť do zvláštností formátovania syntaxe blokov zobrazených na stránke s programovým kódom.

Záver
Riešenia založené na doplnkoch, o ktorých sa hovorí v tomto článku, sú len malou časťou toho, čo ponúka úložisko doplnkov WordPress.  Kliknutím na odkazy v ponuke konzoly "Pluginy - Pridať nové" na stránku vyhľadávania podľa kľúčových slov Zlatý klinec a Syntax nájdete niekoľko desiatok podobných pluginov, ktoré vám umožnia krásne navrhnúť programový kód.  Je dôležité pochopiť, aký vhodný a potrebný bude takýto doplnok na stránke.  Možno práve vo vašom prípade bude jednoduchšie vložiť kód na WordPress stránku manuálne v textovom editore pomocou tagov 
A .


 
 



Existuje mnoho nástrojov, ktoré sú pripravené pomôcť vám zlepšiť vašu stránku, zvýšiť efektivitu vášho online podnikania a zlepšiť interakciu so zákazníkmi.  Mnohé z týchto nástrojov sú zadarmo.  Čo však robiť, ak nie ste webový vývojár a neviete, ako ich nainštalovať na svoje stránky?  To je veľká prekážka.
Akokoľvek ironicky to môže znieť, firma, ktorá vyvíja užitočné nástroje pre vašu stránku, má aj prekážku vlastnej prosperity – potrebu prinútiť používateľov, aby si nainštalovali svoj kód.
Pokúsme sa vyriešiť dva problémy naraz rozprávaním o najbežnejších spôsoboch vkladania kódu JavaScript / úryvkov (fragmentov) pre webové stránky:
Na WordPress.
Samostatní správcovia (pomocou štandardného FTP).
Na Squarespace.
Na Shopify.
Na konci článku sa dotkneme Wix.  Vo väčšine prípadov táto platforma neumožňuje inštalovať JavaScript kódy alebo úryvky, ale ponúka alternatívu v podobe integrácií pre rôzne služby.
 
Kde získam inštalačný kód?
Pozrime sa, kde hľadať inštalačný kód pomocou služby Crazy Egg ako príkladu.
Proces je štandardný: zadáme registračné údaje, po načítaní sa dostaneme do palubnej dosky.  Tam hľadáme sekciu s kódom.


 
Ako vložiť kód na stránku WordPress
Môžete použiť špeciálny plugin - Tracking Code Manager.
Ak chcete vložiť Správcu kódu sledovania, vstúpime do panela správcu stránky a na ovládacom paneli vyhľadáme sekciu doplnkov.

Vyberte funkciu „Pridať nový“.

Vpravo sa zobrazí panel vyhľadávania.  Zadajte „Správca kódu sledovania“ a potom kliknite na „Inštalovať teraz“.

Po dokončení inštalácie sa musíte uistiť, že je plugin aktivovaný.  Poďme k nastaveniam.
Kliknite na „Pridať nový kód sledovania“.



Môžete to urobiť bez doplnku Správca kódu sledovania.  V tomto prípade je našou možnosťou vložiť kód do súboru header.php vašej WordPress témy (viac o tom neskôr).
 
Ako nainštalovať kód na webovú stránku WordPress.com
Stránka WordPress a stránka WordPress.com sú dve rôzne veci.
Stránka WordPress je stránka, ktorú spravuje CMS nainštalovaný na vlastnom serveri.  To znamená, že ste zaplatili za názov domény (myname.com) a hosting.
WordPress.com je zadarmo.  Môžete si na ňom zaregistrovať stránku bez platenia za hosting.  V tomto prípade bude adresa URL lokality: mojemeno.wordpress.com.  Ak chcete zmeniť názov domény, budete musieť vykonať niekoľko ďalších krokov.
Keď spravujete svoje stránky na WordPress.com, máte obmedzené množstvo JavaScriptových kódov a úryvkov, ktoré si môžete nainštalovať.  Dôvod je v bezpečnostnom protokole – vývojári neumožňujú používateľom vkladať kódy na platformu.  Povolili to napríklad vývojári MySpace.  To je zrejme dôvod, prečo stránka klesla z 5. miesta na svete v roku 1967 za šesť rokov.
WordPress.com však ponúka používateľom rôzne bonusy za podnikanie.  Napríklad integrácia s Google Analytics alebo možnosť pridania tlačidiel sociálnych médií.  V niektorých prípadoch to však nemusí stačiť.
 
Ako nainštalovať kódy a úryvky JavaScriptu na samostatne napísaný panel správcu
S pomocou FTP.  Budeme sa musieť vrátiť k základom.
Teraz je veľa stránok písaných sami.  Vlastnoručne napísaná stránka vytvorená od nuly, nepoužíva CMS na správu obsahu.
Predstavte si, že máme takúto stránku.  Vloženie kódu naň bude o niečo ťažšie ako na WordPress, pretože musíte pamätať na FTP.
Správcovia FTP ako FileZilla vám umožňujú presúvať súbory a obrázky z webovej lokality na server.  Pomocou programu môžete pridávať súbory na server alebo ich sťahovať, nahrádzať staré súbory novými, mazať nepotrebné údaje, meniť názvy dokov.
V protokole prenosu údajov nie je nič zložité: po 20 minútach sa môžete cítiť ako profesionál.  Pre väčšinu ľudí je najťažšia časť len kontaktovať server.
Ak máte nejaké problémy so serverom, kontaktujte hostiteľa.  Môže to trvať hodinu, ale po 60 minútach budete vedieť všetko, čo potrebujete.  Zvyčajne odporúčam nahrávať takéto rozhovory pomocou ScreenRecorder.  Alebo si aspoň robte poznámky ručne.
Po prihlásení na server FTP nezabudnite vykonať príkaz .  Ak sa pomýlite, dôležité súbory nikam nezmiznú.  Môžete si vytvoriť zálohu jednoduchým pretiahnutím všetkých súborov zo servera do počítača.
Rozhranie API správcu FTP sa zvyčajne skladá z dvoch stĺpcov.  Napríklad na obrázku nižšie v ľavom stĺpci vidíte súbory, ktoré sú uložené v počítači.  Vpravo - súbory zo servera.

Ak chcete zmeniť alebo pridať súbory, jednoducho ich presuňte myšou z jedného stĺpca do druhého.
POZOR
Nahradenie súborov je nebezpečné.  Novú verziu súboru môžete jednoducho nahradiť starou a prísť o aktuálnejšie dáta, omylom vymazať niečo dôležité alebo urobiť inú chybu.  Záložná kópia vám umožňuje poistiť sa proti takýmto chybám a chrániť sa pred zbytočnými problémami.  Pred vykonaním akýchkoľvek zmien nezabudnite uložiť všetky súbory do samostatného priečinka v počítači.
 
Ako vložiť kód pomocou header.php
Povedzme, že máme webovú stránku, na správu ktorej používame WordPress.  Na vloženie kódu musíme nájsť súbor header.php alebo iný súbor s názvom hlavička alebo hlavu.
hlavička potrebné na aktiváciu kódu alebo fragmentu JavaScript na všetkých stránkach lokality.  Na otvorenie súboru môžete použiť bezplatný program, napríklad Sublime Text.  S jeho pomocou musíte otvoriť súbor, ktorý je uložený v počítači, a nie podobný súbor na serveri.

Po otvorení súboru v Sublime Text uvidíme dúhu z farebného kódu.  Nebojte sa, všetko je jednoduché.
Všetky stránky sú rozdelené do dvoch častí - Hlava (hlavičky) a telo (telo).  Nadpisy sú označené kódom HTML a.  Telo - a



.

Väčšina vecí, vďaka ktorým stránka funguje a zobrazuje text, spadá medzi tieto dve časti.  Ak chcete nájsť tieto značky, môžete použiť vyhľadávanie na stránke. 
Vo väčšine prípadov môžete kód vložiť priamo pred koncovú značku.

Po prilepení kódu alebo úryvku uložte súbor a nahrajte ho na server.  Pripravený.
Teraz o samostatne napísaných paneloch správcu.  Ak bola vaša stránka vytvorená ručne a nemôžete nájsť súbor hlavičky alebo hlavičky, s najväčšou pravdepodobnosťou budete musieť manuálne vložiť kód na každú stránku.  Väčšinu času to nespôsobuje veľké problémy.

Obrázok vyššie je hypotetická stránka HTML, ktorá pozostáva zo štyroch súborov HTML.  Ak by sme naň chceli vložiť nejaký kód, museli by sme postupne otvoriť všetky tieto súbory a vložiť kód alebo úryvok do značiek každého z nich.  Potom je proces štandardný: uložíme súbory a nahráme ich na server namiesto starých.
 
Ako vložiť kód na webovú stránku Squarespace
Squarespace to svojim používateľom uľahčilo.  Na vloženie kódu alebo útržku JavaScriptu môžete použiť „vloženie kódu“.  V ponuke prejdite na karty Nastavenia > Rozšírené > Vloženie kódu.  Môžete pridať kód do alebo päta stránky.
Hľadanie nastavení.

Posuňte zobrazenie nadol a kliknite na „Rozšírené“.

Vyberte "Vloženie kódu".

Vložte kód a uložte zmeny.

 
Ako vložiť kód na Shopify
Na ovládacom paneli nájdite sekciu s internetovými obchodmi Online Store a vyberte Motívy.

Ak chcete prejsť na požadovanú kartu, kliknite na „Akcie“ a vyberte „Upraviť HTML/CSS“.

Potrebujeme fragmenty.

Kliknutím na možnosť sa otvorí dialógové okno s možnosťou pridať nový fragment.
Pomenujte úryvok a kliknite na tlačidlo Vytvoriť úryvok.

Do oblasti „tracking snippet.liquid“ zadajte kód pre útržok.  Kliknite na uložiť.
 
Ako vložiť kód, ak je stránka na Wix
Wix sa rýchlo stal obľúbeným tvorcom webových stránok.  Rovnako ako WordPress.com ukladá svojim používateľom obmedzenia v možnosti vkladania kódov.
Wix ale ponúka riešenie v podobe Wix App Market.  Nájdete tam rôzne widgety pre marketing, sociálne médiá a analytiku.  Mimochodom, tam môžete hlasovať aj za najpotrebnejší widget.

Okrem toho by som chcel okamžite objasniť, že kód vložíme do samotného článku, aby si ho naši čitatelia mohli skopírovať bez toho, aby strácali čas písaním samotného textu.  Zvýšime teda pohodlie () nášho zdroja - tentoraz.  Áno, a články budú vyzerať profesionálnejšie a dokončenejšie - to sú dva.
Chcel by som tiež poznamenať, že informácie v tomto článku budú užitočné pre ľudí, ktorí, ako vám hovoríme, ako vytvoriť rôzne druhy doplnkov na stránke, alebo pre používateľov, ktorí jednoducho chcú zdieľať užitočné informácie.  A nezáleží na tom, že táto informácia je kód 🙂 Mimochodom, prezradím malé tajomstvo, na tomto projekte ho zobrazujeme pomocou doplnku Wp-Syntex.
Pýtate sa: "Prečo to používame?"  Odpoveď je jednoduchá – pre chuť a farbu neexistujú súdruhovia.  vtip.  V skutočnosti sme si vybrali tento plugin, pretože sa ľahko používa, dokonale pridáva vizuálny štýl rôznym programovacím jazykom (css, html, java, javascript, perl, sql atď.) a nezaťažuje náš server.
No, keďže som to nechal ujsť o Wp-Syntex, poďme to použiť ako príklad, ktorý ukáže, ako vložiť kód do článkov WordPress.
Najprv musíte nainštalovať tento plugin.  O tom, ako to urobiť, sme hovorili v článku o .
 Preto tu túto akciu nebudem popisovať.


V dôsledku toho budete mať nasledujúci výstup:
Kód, ktorý chcete zobraziť
Tiež namiesto php v tomto kóde môžete vložiť iný programovací jazyk, ako je css alebo java.  Zároveň sa zmení štýl vzhľadu.
Ďalšie funkcie Wp-Syntex
Ak pridáte atribút k úvodnej značke „pred“. riadok, to znamená, že kód, ktorý budete musieť prilepiť, bude začínať takto:
Kód, ktorý chcete zobraziť
Dúfam, že si všimneš rozdiel.
Je tu ešte jeden malý atribút, ktorý možno budete potrebovať – toto je unikol.  Umožňuje vám konvertovať html kódy znakov priamo na samotné znaky.  Napríklad „>“ sa skonvertuje na „>“.  Aby táto funkcia fungovala, vložte do otváracej značky „pre“ nasledujúci atribút:
escaped="true"
V súlade s tým bude značka začínať takto:
 <
pre lang=
"php"
 line=
"1"
 escaped=
"true"
>



Aj na internete som našiel informáciu, že si môžete nainštalovať ďalší plugin (WP-Syntax Button), ktorý funguje v spojení s naším pluginom a pridáva do WP editora tlačidlo na vloženie kódu.  Nebol som príliš lenivý a rozhodol som sa to otestovať.
Hneď pri inštalácii ma upozornila skutočnosť, že nebola dlho aktualizovaná a nebola testovaná s našou verziou WordPress.  No čo môžem povedať, moje obavy boli oprávnené.
Po aktivácii tlačidla WP-Syntax Button som sa v jednom z našich článkov rozhodol vložiť java skript.  Urobil som všetko tak, ako bolo naznačené v tom kope návodov a odporúčaní.  Vložte skript do článku, zvýraznite ho a stlačili tlačidlo „kód“.
Potom uviedol programovací jazyk a číslo riadku, od ktorého by mal začať výstup skriptu.


Možno sa pýtate, prečo som o tomto experimente písal v tomto článku?  Týmto som chcel povedať, že keď budete hľadať nejaké informácie na internete, dajte si pozor na dátum zverejnenia.  Koniec koncov, existuje veľmi vysoká pravdepodobnosť, že informácie v starom článku boli relevantné pred niekoľkými rokmi, ale momentálne to jednoducho nefunguje a ich použitie alebo implementácia môže viesť k zraniteľnosti vášho projektu.
Na našom blogu sa snažím udržiavať všetok materiál aktuálny, neustále sledovať aktualizácie a v prípade potreby upravovať už napísané články.
Ak chcete dostávať aktuálne informácie na váš e-mail, tak odporúčam.
Video „Ako vložiť HTML kód do článku“
Priatelia, ak chce niekto radšej vidieť, ako sa to robí, nahral som pre vás video.  A pripomínam, že máme aj youtube kanál, na odber ktorého sa môžete tiež prihlásiť.

Súvisiace články:

Dúfam, že článok nebol zložitý a mohol som vám podrobne povedať, ako môžete na stránku vložiť html kód bez zbytočných problémov.
Nezanedbávajte estetiku svojho blogu.  Náš čitateľ sa totiž ako v živote stretáva podľa oblečenia, no rozhliada rozumom.
To je z mojej strany všetko!
Čau Čau!
S pozdravom Anton Kalmykov
Viete, čo je jednou z hlavných výhod editora Wix?  Skutočnosť, že dáva príležitosť každému bez toho, aby vyžadoval nejaké špeciálne znalosti v oblasti programovania.  Ide o veľmi jednoduchú a intuitívnu platformu, kde môžete jednoducho pridávať, odstraňovať, presúvať a upravovať akýkoľvek prvok všetkými možnými spôsobmi bez toho, aby ste sa dotkli jediného riadku kódu.
Čo ak však potrebujete na svoj web pridať funkciu, ktorá nie je dostupná v editore Wix?  Práve pre tento účel sme vyvinuli zdanlivo jednoduchý, no v skutočnosti megafunkčný HTML widget, o ktorom vám dnes povieme.  Pomocou HTML aplikácie môžete na stránku pridať doslova všetko (okrem snáď - cca ed.), vrátane akéhokoľvek obsahu tretích strán, widgetov a aplikácií.
Čo ešte je HTML aplikácia?
Pre názornosť si urobme paralelu s kreativitou.  Predstavte si, že robíte koláž.  HTML aplikácia je teda taká vec, pomocou ktorej môžete do koláže jednoducho a rýchlo vložiť akýkoľvek obrázok, ktorý sa vám páči.
„Obrázok“, teda vložený prvok, môže zaberať celú stránku vášho webu alebo jej časť a môže byť umiestnený vedľa iných sekcií, obrázkov alebo textu.  Polohu prvkov môžete jednoducho meniť, zvyšovať alebo znižovať – vo všeobecnosti robte všetko, čo bežne robíte v editore Wix.
Aplikáciu HTML možno použiť dvoma spôsobmi:
Na vkladanie stránok prostredníctvom prvkov iframe.  Vhodné na pridávanie stránok z iných zdrojov.  Môže to byť článok na Wikipédii alebo profil IMDB uverejnený v celom rozsahu na vašej stránke.
Na vkladanie HTML kódu.  Používa sa v prípadoch, keď chcete na stránku nainštalovať widget, ktorý nie je medzi aplikáciami v .
Ak chcete lepšie pochopiť, ako to funguje, odporúčame vám pozrieť si krátky video tutoriál o pridávaní kódu HTML do editora Wix:
Skvelé využitie kódu HTML na webovej stránke
HTML aplikácia je veľmi užitočná vec.  Tu je vzorový zoznam toho, čo je možné pridať na webovú stránku:
Prehrávače zvuku a videa a zoznamy skladieb.  Takmer všetky zdroje s mediálnym obsahom vám umožňujú vložiť ho na iné stránky.