Online HTML-editori

Luo ja muokkaa HTML:ää visuaalisesti

Ominaisuudet

WYSIWYG-muokkaus näkymän mukaan

Muotoile työkalupalkilla, niin koodi luodaan automaattisesti

HTML-lähdekoodi heti käyttöön

Näyttää muokkausta vastaavan muotoillun HTML:n välittömästi

Tukee taulukoita, kuvia ja linkkejä

Käsittele monipuolisia elementtejä, kuten otsikoita, värejä ja taulukoita

Lisää myös emojeja ja erikoismerkkejä

Lisää symboleja, valuuttoja ja nuolia valitsemalla ne ruudukosta

Käyttöohje

1

Muokkaa visuaalisella välilehdellä

Kirjoita teksti ja muotoile sitä työkalupalkilla

2

Lisää elementtejä ja tyylejä

Lisää painikkeilla otsikoita, taulukoita, kuvia ja linkkejä ja viimeistele ulkoasu

3

Vaihda lähdekoodivälilehdelle

Näytä luotu HTML-koodi ja tarkista lopputulos

4

Tallenna lataamalla

Kirjoita valmis HTML yhdeksi tiedostoksi ja tallenna se

Käyttötapaukset

Uutiskirjeen sisällön luonti

Luo lähetettävät HTML-sähköpostit nopeasti muotoiluineen

Blogiartikkelin luonnos

Valmistele artikkelin HTML otsikoineen ja luetteloineen

HTML:n opiskelu ja harjoittelu

Ymmärrä tagien rakenne vertaamalla muokkausta ja lähdekoodia

Sähköpostin allekirjoituksen HTML:ksi muuntaminen

Kirjoita logon ja linkit sisältävä allekirjoitus HTML:ksi

Perustiedot

Mikä on WYSIWYG

WYSIWYG (What You See Is What You Get) on lyhennys, joka tarkoittaa "näet mitä saat". Se on muokkausmenetelmä, jossa kuvakkeet muokataan näytöllä näkyvää sisältöä vastaavalla tavalla, kuten asiakirja-ohjelmassa, ja vastaava HTML-koodi luodaan automaattisesti. Etuna on, että HTML-asiakirjoja voidaan luoda ilman HTML-tuntemusta.

Mikä on HTML-tunnus

HTML-tunnus on järjestelmä, jossa tekstin rakenne ja merkitys osoitetaan merkeillä, kuten <p>~</p>, ja kaikki muotoilut, kuten otsikot, lihavointi, linkit ja taulukot, ilmaistaan tunnuksien yhdistelmillä.

Turvallisuus ja yksityisyys

Käsittely selaimessa

Syötetyt tiedot käsitellään vain selaimessasi, eikä niitä lähetetä ulkopuolelle.

Käsittely vain selaimen sisällä

HTML:n luominen ja muokkaaminen käsitellään kokonaan selaimessasi, ja syötetyt tiedot eivät lähde palvelimelle.

Tietoliikenne salattu HTTPS:llä

Sivun lataus salataan myös TLS:llä, eikä kolmannet osapuolet pääse lukemaan sisältöä.

Ei lähetystä kolmansille osapuolille

Syöttötietoja ei lähetetä ulkoisille palveluille, kuten mainontaverkkoihin tai seurantapalveluihin.

Tulosten automaattinen tallennus ei käytössä

luotu HTML ja syöteehdotuksia ei tallenneta palvelimelle.

Seuraa RAKKOTOOLSia Google-haulla

175 kätevää työkalua löytyy helpommin Google-haulla ja tekoäly-haulla!

  • Löytyy haulla
  • Näkyy myös tekoäly-haulla
  • Löydä uusia työkaluja

Päivitykset

  • update #264

    HTML-editorissa lähdekoodi liimatun tekstin osa heijastuu nyt visuaaliseen näkymään

    Jos koodi sisältää vanhalla tavalla kirjoitettuja tunnisteita, teksti näkyy, mutta värit ja keskitys eivät välttämättä toistuvat alkuperäisen mukaisesti.

  • update #229

    Korjattu ongelma, jossa lihavointimuotoilu ja tekstin väri sekä koko katosivat välilehden vaihdoissa HTML-editorissa

  • update #100

    HTML-editorin kokoruututila on nyt saatavilla sivun ylälaidassa olevasta painikkeesta

  • update #95

    Korjattu vika, jossa mainokset peittävät HTML-editorin kokoruututilaa

  • update #88

    HTML-editorissa korjattu vika, jossa kirjainväri, taustaväri ja fontin koko katosivat välilehden vaihdossa

Liittyvät työkalut