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.
| 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 |
