The dangers of a WYSIWYG editor

wysiwyg window

 These are a few examples of how inline editors create dirty code.

 

Font tags.  Move it to CSS, font tags do not belong here anymore unless you are coding your MySpace layout. 

<TABLE><TR><TD><FONT color=#888888 face=TAHOMA size=9>JoomlaJunkie is great!</FONT><TD TD><FONT color=#888888 face=TAHOMA size=9>Don't you think?!</FONT><TDTD><FONT color=#888888 face=TAHOMA size=9>This code is so much fun to read!</FONT><TD><TR><TABLE>

 

Leftover markup from text editors like MS Word that is not useful.

<a style='mso-footnote-id:ftn171' href="#_ftn171"
name="_ftnref171" title=""><span class=MsoFootnoteReference><span
style='font-size:11.0pt'><span style='mso-special-character:footnote'><![if !supportFootnotes]>[171]<![endif]></span></span></span></a><span
class="StyleParaNum11ptCharCharCharWhatisallthiscrapanyhow?rCharChar CharChar"><o:p></o:p></span></span></p>

 

Imporoper usage of divs.  Using <DIV> instead of <p>.  (I fall victim to this all the time.)

bad code

Using editors is fine, but make sure you do not rely on them totally.

  • If your layout looks poor or weird it is probably due to dirty WYSIWYG markup.
  • If your site doesn't not pass W3C compliance , one of the fist places to look is in your content.
  • If the graphical effects such as the ones on this page do not work right, the first place to look is here.
  • If you are testing a speech browser for visually impaired people and it is painful to listen to, look at your editor code.

Once you rely less on inline editors you will become a stronger coder and separate yourself from the pack.  We build templates ourselves, but we are not so arrogent that we think we are done learning.  We still pick up books to checkout new techniques or brush up on topics.  One of our favorite accessability books on the market is available here .  

Now that you are not totally reliant on your WYSIWYG editor, lets make your articles look even better by adding some graphical elements to them. The next article show you all the cool features we have included in our newest templates to make your site standout.

 
< Prev   Next >
 

Where to get help!

Using our templates? Have something you need help with?

Love Thy Favicon!

Click on a block to select it..


  • Template Club

    We have a number of membership options to give you access to all our templates. readmore

  • Team Blog

    Have you seen the new Prothemer Team Blog, where we are covering all CMS related topics! readmore

  • Help & Support

    We offer various types of support to assist you in getting setup with your new Joomla template. readmore

  • Demo Templates

    Not had a look at our templates yet? Why not head over to our demo server to take a peek!! view demos

 
  • Copyright © 2010 joomlajunkie.com.