Configuring WYSIWYG-editor

Web editors need simple tools to publish content. WYSIWYG-tools are often destroyers of well formed html and accessible content. That is why I made this list of functionality which you can reuse. Please note! This is work in progress and you may replace the list with your own advice.

WYSIWYG toolbar functionality
toolbar function useable my advice remark html
undo yes yes
redo yes yes
copy yes yes
cut yes yes
paste yes yes
paste as text yes yes
paste from word yes yes future Word version might affect this function
remove formatting yes yes future Word version might affect this function
character map yes yes simplify this one: i.e. euro sign
insert nonbreaking space no no
insert emoticons no no if used, use span title=
html/source yes yes view/edit source for experienced users only
simple/advanced toolbar no no or only for experienced users
expanded view mode yes no might be helpfull in some cases
preview yes no please show correct styles directly in the editor
show nonprinting characters yes no
help yes yes only if it's customized
spelling checker yes no who will use this?
find yes no can be helpfull, but, but all those buttons
replace yes no see previous remark
bold yes yes strong
italic yes yes em
underline no no don't use it
strikethrough yes no optional, not much used del
inserted yes no ins
teletype
subscript yes no optional, not much used
superscript yes no optional, not much used
font no no via style
font size no no via style
font color no no via style
background color no no via style
hightlight tekst no no why would you want this?
un/indent tekst no no
add hyperlink yes yes without target-attribute! With title a href=
remove hyperlink yes yes
insert anchor yes yes html5? a name=
insert page break yes no use in special cases only
insert div yes no div
insert pre yes no use in special cases only pre
heading 1 no no Noooooo!
heading 2 yes yes h2
heading 3 yes yes h3
heading 4 yes yes h4
heading 5 yes yes h5
heading 6 yes yes h6
unordered list yes yes ul
ordered list yes yes ol
indent list yes yes ul/ol
undent list yes yes ul/ol
align left no no
align right no no
align center no no
justify no no
table yes yes headings, title, scope tableā€¦
other table functions yes yes formatting by stylesheet; insert/delete rows/columns;
image yes yes with alt attribute which can be empty; alignment via class name; width and height automatically added. Optional: title attribute. img
horizontal rule yes yes hr
embed media yes no only if all parameters can be filled in correctly
maths no no use only in special occasions
language change yes yes mostly missing in editors lang=
abbreviations yes yes mostly missing in editors abbr
acronyms yes no mostly missing in editors and html5 acronym
definition term yes no optional, not much used dt
definition description yes no optional, not much used dd
quotation yes yes optional, not much used
citation yes yes optional, not much used

Contact

200 OK
Jules Ernst
Webspecialist
Telefoon: +31 6 4024 9004
E-mail: info@200ok.nl
KVK-nummer: 51821915

  • LinkedIn
  • Twitter
  • Facebook