WYSIWYGmuotoilua

WYSIWYG-muotoilua (What You See Is What You Get) viittaa tapaan muotoilla sisältöä visuaalisesti editorissa siten, että lopullinen ulkoasu vastaa näytöllä näkyvää tulostetta tai verkkosivua. Tällaisten editorien perusidea on tarjota reaaliaikainen esikatselu ja muotoilutoimintoja ilman, että käyttäjän tarvitsee kirjoittaa tai muotoilla koodia käsin.

Työkalut ja tekniikka: WYSIWYG-muotoilua toteutetaan usein web-sovelluksissa käyttämällä HTML:n ja CSS:n muotoilukomponentteja sekä JavaScriptiä. Käyttäjä muotoilee tekstiä, kuvia ja rakennetta työvälineillä (fontti, kappale, listat, linkit, taustat, kuvat), ja editori muuntaa toimenpiteet vastaavaksi markupiksi. Joillakin sovelluksilla on sekä visuaalinen editori että koodimuoto (source mode).

Käyttökohteet: verkkosivustot ja sisällönhallintajärjestelmät, asiakirja- ja sähköpostimuotoilut sekä tulostusmateriaalit. Suosittuja WYSIWYG-työkaluja ovat sekä yleiset tekstinkäsittelyohjelmat että verkkosivustoeditorit kuten Google Docs, Microsoft Word sekä web-pohjaiset CKEditor, TinyMCE ja Froala.

Vahvuudet ja rajoitukset: WYSIWYG-muotoilu nopeuttaa sisällön luomista ja parantaa visuaalisen lopputuloksen ennustettavuutta, mutta koodi voi jäädä epäsemanttiseksi tai muuttua riippuen editorin toteutuksesta. Siirtäminen toiseen alustaan voi vaatia puhdistusta, ja kehittynyt ulkoasu voi olla vaikeasti saavutettavissa eri näytöillä.