Mikä on WYSIWYG-editori?

WYSIWYG on lyhenne ilmauksesta ”Mitä näet, sitä saat” (”What You See Is What You Get”). Se on editorityyppi, jonka avulla tekstiä voi muotoilla visuaalisesti — kun napsautat Lihavointi-painiketta, tekstistä tulee heti lihavoitua sen sijaan, että kirjoittaisit merkintää, kuten **lihavoitu** tai <strong>. Näin useimmat tekstinkäsittelyohjelmat, sähköpostiohjelmat ja sisällönhallintajärjestelmät mahdollistavat muotoillun sisällön kirjoittamisen ilman HTML:n tuntemusta.

Työkalun kuvaus

WYSIWYG-editori on Tiptap-pohjainen rich text -editori, joka toimii kokonaan selaimessasi. Muotoile tekstiä tutulla työkalupalkilla — käytettävissä ovat otsikot, lihavointi, kursivointi, alleviivaus, luettelot, lohkolainaukset, koodilohkot, linkit ja tekstin tasaus — ja näe tulos täsmälleen sellaisena kuin kirjoitat, koska editori toimii samalla esikatseluna. Voit milloin tahansa siirtyä HTML-lähdekoodivälilehdelle tarkastelemaan, muokkaamaan, kopioimaan tai lataamaan luotua merkintää käytettäväksi missä tahansa: blogikirjoituksessa, sähköpostipohjassa, CMS-järjestelmässä tai omassa sovelluksessasi.

Ominaisuudet

  • Monipuolinen muotoilutyökalupalkki – otsikot (H1–H3), lihavointi, kursivointi, alleviivaus, yliviivaus, tekstinsisäinen koodi ja muotoilun tyhjentäminen
  • Luettelot ja rakenne – luettelomerkit, numeroidut luettelot, lohkolainaukset, koodilohkot ja vaakaviivat
  • Tekstin tasaus – vasemmalle, keskelle, oikealle ja tasatuksi tasatut kappaleet
  • Linkkien muokkaus – lisää, päivitä ja poista linkkejä poistumatta editorista
  • HTML-lähdekoodivälilehti – siirry HTML-näkymään tarkastelemaan, muokkaamaan, kopioimaan tai lataamaan merkintää
  • Kaksisuuntainen synkronointi – muokkaa HTML:ää suoraan ja siirry takaisin nähdäksesi sen renderöitynä editorissa
  • Sana- ja merkkimäärä – seuraa sisällön pituutta kirjoittaessasi
  • Kumoa/uudelleen – kattava muokkaushistoria yhdellä napsautuksella
  • Vaalean ja tumman teeman tuki – mukautuu automaattisesti sivustosi teemaan