Home
Position: 主页>Web Design>

Common Myths and Facts About Modern WYSIWYG Editors

Time:2009-04-11 02:23soucre:未知 作者:admin click:clicks
There are many so-called "facts" about WYSIWYG editors that "everyone knows" because they continue to be perpetuated around the Internet. But how many of them are really true? Let's look at some of the most commonly mentioned "facts" and see how the

  

There are many so-called "facts" about WYSIWYG editors that "everyone knows" because they continue to be perpetuated around the Internet. But how many of them are really true? Let's look at some of the most commonly mentioned "facts" and see how the most popular WYSIWYG Web design editor, Dreamweaver, stacks up. WYSIWYG Editors Generate "Atrocious" Code

To me, it’s a huge waste of time to go through and use the WYSIWYG software out there and then go BACK and clean up the atrocious code. (Lara)

The issue here is defining what "atrocious" code is. I know some developers who feel that any code that has quotes around attributes and indenting is atrocious because the HTML is larger than it needs to be. But for argument sake, let's say that atrocious code means that there is a lot of extra tags, elements are left out or not closed, and it is not easily readable by a human being.

Dreamweaver has options that allow you to modify how it will rewrite your HTML code. This is especially useful when you're importing HTML from someone unskilled using a text editor. You can have Dreamweaver check the code and do things like fix bad nesting and missing end tags, remove extra closing tags, and correctly encode special characters, even if they were added as just & or <

You can also customize how Dreamweaver formats your HTML code. Including whether or not to indent and if the indents should be tabs or spaces and how many, what line breaks does your system accept (Windows, Macs intosh, or *nix), case of tags and attributes, and more.

Verdict: Myth Dreamweaver does not generate "atrocious" code. In fact, it allows you to decide how you want your code to look, so even if you never go into the code editor, you can generate HTML that looks good for your text editor compatriots. WYSIWYG Editors Add Too Much Code Bloat

I don’t like all the extra tags the WYSIWYG software adds. (MaryAnn W)
Good hand code loads faster than most WYSIWYG generated HTML. (Don)

I wrote a how to explaining how to build a drop-down menu in Dreamweaver, and I used design view for the entire thing. When I was done I took a screen shot of the code Dreamweaver generated to see if the HTML was in fact "bloated" or had extra tags. While there are possibly extra tags and attributes that you might not normally add to a drop-down menu (such as the accesskey and label), but I had requested those in the wizard earlier. Dreamweaver did not insert any tags or attributes that should not have been there.

While you can't see the entire page of HTML, Dreamweaver didn't even do what most editors do and add a meta tag to the top saying "Edited by Dreamweaver". There were no extraneous tags in the document.

Verdict: Myth Dreamweaver adds only the HTML, CSS, and JavaScript that you ask it to. If you tell it to put styles inline, then it will. But while that is bad coding practice that makes the pages larger, it's not the software doing it, but the person using it. WYSIWYG Editors Don't Deliver WYSIWYG

------line----------------------------
Recommend
Hottest