Correct werken met een WYSIWYG editor
In veel internet applicaties wordt een WYSIWYG-editor aangeboden waarmee webpagina’s of e-mailnieuwsbrieven kunnen worden opgemaakt. Hierbij is geen kennis van HTML benodigd. In de praktijk echter blijkt dat het werken met een editor, zonder achtergrondkennis, problemen oplevert. Daarom beantwoorden we hier de vraag: hoe werkt zo’n editor eigenlijk?
Wanneer een webpagina met een editor wordt opgemaakt betekent dit dat de editor het coderen van HTML voor zijn rekening neemt. Vaak heeft zo‘n editor het uiterlijk van een programma als MS-Word. Het heeft een knoppenbalk aan de bovenkant en net als in Word kan tekst worden geselecteerd. Met een druk op de juiste knop kan die tekst vet gemaakt worden. Het wegschrijven van deze handelingen naar HTML gebeurt op de achtergrond, de volgende code zal worden opgeslagen:
<strong>Mijn tekst</strong>
Zoals te zien is wordt een code
om de geselecteerde tekst heen geplaatst. Wanneer de tekst moet overgaan van normaal naar vet wordt de code <strong> geplaatst. Aan het einde van de vette tekst wordt de afsluitingscode </strong> geplaatst. Let op de slash (/) in de afsluitingscode. Als deze ontbreekt zal de tekst tot het einde van het artikel vet worden weergegeven.
Als de tekst ook cursief wordt gemaakt zullen de codes <em> en </em> er om de bestaande code heen worden geplaatst, op de wijze zoals hieronder weergegeven.
<em><strong> Mijn tekst </strong> </em>
Naast vet en cursief kan de tekst ook nog voorzien worden van kleur, bijvoorbeeld donkergroen. U selecteert de tekst werderom en kiest voor het gereedschap waarmee tekstkleur kan worden ingesteld. Wanneer de gewenste kleur is gekozen zal de totale code voor dit stukje tekst zoals hieronder aangegeven zijn:
<span style=”color: rgb(51, 153, 102);”><em><strong> Mijn tekst </strong><em> </span>
Zoals te zien is wordt het al wat ingewikkelder. Als nu tekstwijzigingen worden aangebracht kunnen fouten optreden. Wanneer bijvoorbeeld met de knop backspace het woord
tekst wordt weggehaald kunnen de afsluitingscodes ook verwijderd worden.
Het gevolg kan zijn dat alle tekst die verderop in de pagina staat vet, cursief en groen wordt weergegeven. Dat kan afhankelijk zijn van de browser die wordt gebruikt om de bewerking mee uit te voeren. (Internet Explorer, 6, 7, of 8, Firefox, Chrome etc.)
De meest logische correctiestap is dat de tekst die in de verkeerde kleur staat door de gebruiker geselecteerd wordt en van zijn originele kleur en weergaveinstellingen wordt voorzien: tekst wordt zwart gemaakt vet en cursief worden ongedaan gemaakt.. De weergevende applicatie (e-mailprogramma, webbrowser, telefoon of pda) kan met deze code niet goed beslissen hoe de opmaak moet worden weergegeven.
Tekst importeren in de editor van Communication Master
Wanneer iemand tekst voor een nieuwsbrief of webpagina moet opmaken is deze vaak al opgesteld in Word of een ander programma. Het kopieren vanuit Word en plakken in een editor levert vaak problemen op omdat de tekst verborgen opmaak kan bevatten. Deze opmaak is in de editor niet te zien. De code die vanuit een Word-bestand meekomt maakt gebruik van leestekens die binnen HTML voor geheel andere doeleinden gebruikt worden.
Dit kan leiden tot een veelheid aan storingen. Zo worden ondermeer reeksen slashes en/of reeksen haakjes gebruikt. Haakjes, < en >, worden gebruikt om het begin en eind van een codering in te sluiten. De Slash wordt gebruikt om code af te sluiten. De beide leestekens zijn basiselementen van HTML en moeten vermeden worden in de tekst.
De editor biedt de mogelijkheid om gekopieerde tekst de plakken als ‘platte tekst‘ waarbij alle opmaak uit de tekst verwijderd wordt. Dit is een veilige manier. Een andere manier is om gekopieerde tekst eerst te plakken in het programma Kladblok/Notepad en daarna nogmaals te kopieren en uiteindelijk plakken in de editor. Deze methode is waterdicht.
Het is ook mogelijk gebruik te maken van de functie ‘Plakken als Word gegevens‘. Wanneer opgemaakte tekst met deze functie wordt ingevoerd zal de opmaak zoveel mogelijk worden behouden. Lettertypes worden omgezet naar gangbare web-lettertypes en
grootte-verschillen worden geinterpreteerd. De opmaak wordt behouden ‘bij benadering‘.
Maak zoveel als mogelijk gebruik van platte tekst
Om de code van een html-document zo schoon mogelijk te houden moet zoveel mogelijk gebruik worden gemaakt van platte tekst waarbij later eventuele kleur en lettergrootte worden ingesteld voor koppen, inleidingen, stukjes vette tekst etc. Uitgangspunt is dat de opmaak van een document in eerste instantie via de template geschied en dat aanpassingen in opmaak alleen bij uitzondering geschieden.