Návod je určený pre všetky stavebné firmy, ktoré majú svoj web na Webnode. A ďalej pre používateľov, ktorí chcú vyzerať profesionálne, a údaje vo formáte "20m2" im ležia v žalúdku. Ako povedal môj kamoš chemik, "H2O" nie je voda. Možnosti sú celkovo asi tri.

Prvá možnosť: kopypást

Skopíruj správne naformátovaný text z iného webu priamo do Webnode:

Druhá možnosť: Pohraj sa s HTML kódom 

Webnode neposkytuje pokročilé formátovanie textu, pretože nie je Word ani iný pokročilý textový editor. Pracuje s jazykom HTML. Písanie horných a dolných indexov v HTML kóde zabezpečujú tieto dva tagy:

^horný
_dolný

Navyše nestačí tieto tagy napísať len tak do textu, je potrebné si napísať celý kód a potom využiť vstavanú funkciu - prvok HTML. Takže prejdeme rovno k prvej možnosti:

Napr. 20m2 - dvojku treba obaliť do tagov ^a, takže text bude vyzerať v kóde nasledovne:

Náš obchod má priestor 20m².

Spomínaná voda:

Voda sa označuje ako H²O.

Kódy sa vkladajú prostredníctvom prvku HTML kód priamo v editore. Odporúčam preto vziať celý odstavec a vložiť ho do tagov pre odseky. Napr.

<p>Voda sa označuje ako H²O.</p>.

Tretia možnosť: Javascript

Tento kód bude fungovať na absolútne celom webe, nielen v popise produktu.

Krok 1: na hornej čiernej lište v editore vyber záložku Produkty a nájdi inkriminovaný produkt.

Krok 2: číslo 2 za m označ a naformátuj ako bold a kurzívu zároveň:

Krok 3: zmeny ulož a zavri okno s produktami.

Krok 4: v hornej čierne lište klikni na NASTAVENIA a nájdi Nastavenia webu.

Krok 5: Do nastavení webu - HTML pätička vlož kód:

<script>
(function() {
var str = "2";
var result = str.sup();
var x = document.querySelectorAll("em","strong");
var i;
for (i = 0; i < x.length; i++) {
x[i].innerHTML = result
}
})()
</script>

Krok 6: Zmeny ulož, okno zavri a Publikuj.

Výsledok:

300m2

⚠️ Pozor pozor ⚠️

Kód funguje tak, že vyhľadá každý znak na tvojom webe, ktorý je naformátovaný na bold a italic zároveň, a zmení ho znak 2 v hornom indexe. Aj medzeru. Aj medzera je znak. Aj celé slovo. Viď:

Kurvahoši, gutentag!

⚠️ Preto je potrebné, aby si bol precízny, a boldom a italicom zároveň označil iba ten jeden jediný znak! ⚠️

👉 Tip: V drvivej väčšine prípadov CSS a HTML kódy patria do hlavičky webu a Javascript kódy do pätičky.