What-you-see-is-what-you-mean
Iedereen die ooit een weblog of CMS geschreven of gebruikt heeft, zal daar ongetwijfeld een WYSIWYG editor in tegen zijn gekomen. Het mooie van een WYSIWYG editor is dat leken html kunnen produceren via een interface vergelijkbaar met Word. Dat werkt allemaal prima, zolang je geen eisen stelt aan valide en semantische html.
De meeste WYSIWYG editors kijken namelijk niet zo nauw op die punten, terwijl dit wel steeds belangrijker wordt in de webwereld. Een onderzoek van Peter Kranz laat zien dat maar weinig WYSIWYG editors in de buurt komen van het ideale. Markup talen als Textile en Markdown kunnen veel beter semantische html vormen, maar voor veel eindgebruikers blijft de stap echter te groot om zo'n taal te gebruiken zonder visuele steun.
Een opvolger van WYSIWYG zal WYSIWYM zijn. Met What You See Is What You Mean krijg je duidelijk te zien wat de semantische opmaak van je tekst is. Jean-François Hovinne laat zien hoe dit kan door middel van de WYMeditor:
WYMeditor's main concept is to leave details of the document's visual layout, and to concentrate on its structure and meaning, while trying to give the user as much comfort as possible (at least as WYSIWYG editors).
Hoewel de editor nog wat tekortkomingen heeft, ziet het er veelbelovend uit. Eindelijk een editor die werkt zoals de moderne webdeveloper dat ook doet: met semantische html en stylesheets!
Meer informatie is te vinden op:
Volg Scriptorama via RSS!
Reageer ook!
Ik denk dat het wel een interessante editor wordt als er wat meer functies inkomen. De code ziet er in ieder geval goed uit. Maar ik hou het voorlopig nog mij TinyMCE.
Door Arian
op 12.16.06 @ 2:27 pm | Permalink
Versie 0.3 is in maart uitgebracht. Volledig herschreven met jQuery. Veel verbeteringen en het gaat nu echt richting een werkende editor.
Binnenkort maar eens wat gaan testen
Door Sjors
op 06.25.07 @ 11:26 am | Permalink
Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>