WYSIWYG Editors are the Bane of My Existance

I had to make a slight tweak to a page on a site with a content-management system today. After spending a few minutes unraveling the code, I found out that a simple list of three links was using the following markup, which has clearly been screwed up by the WYSIWYG editor on the site.

<p>
  <span class="TextBold">
    NEXT STEPS:
    <br>
    <br>
  </span>
  <span class="TextPlain">
    <span class="TextPlain">
      <span class="TextPlain">
        <span class="TextPlain">
          <span class="TextPlain">
            <span class="TextPlain">
              <span class="TextPlain">
                <span class="TextPlain">
                  <span class="TextPlain">
                    <span class="TextPlain">
                      <img alt=""
                      src="/media/icon-arrow-sm.gif"
                      border="0">
                      <a href="ContactUs.aspx">Contact
                      Us</a> today!
                    </span>
                  </span>
                </span>
              </span>
            </span>
            <br>
            <br>
          </span>
        </span>
        <span class="TextPlain">
          <span class="TextPlain">
            <span class="TextPlain">
              <img alt=""
              src="/media/icon-arrow-sm.gif"
              border="0">
              Evaluate your
            </span>
          </span>
        </span>
        <span class="TextPlain">
          SEM campaigns with our
          <a href="analytics.aspx">Campaign Management and
          Analytics solutions</a>.
        </span>
        <br>
        <br>
      </span>
      <span class="TextPlain">
        <span class="TextPlain">
          <span class="TextPlain">
            <img alt="" src="/media/icon-arrow-sm.gif"
            border="0">
            Expand your marketing
          </span>
        </span>
      </span>
      <span class="TextPlain">
        efforts with
        <a href="marketing.aspx">Direct E-mail Marketing</a>.
        <br>
      </span>
    </span>
  </span>
</p>

3 Comments on “WYSIWYG Editors are the Bane of My Existance”

  1. urn says:

    Exercise your right to nest! :)

  2. Scott says:

    More like exercise my right to delete - as in 20 or 30 of those nested SPAN tags.

  3. mr. bread says:

    Looking at that made my stomach churn.

    It conjures up memories of when I discovered the “save as html” feature in word97, then had to go in and polish things up, and ended up spending more time cleaning code than if I’d just manually inserted the appropriate tags, plus my stock color/font header code.

    Of course, thinking about changing colors across even my tiny circa-’97-static-html page makes me want to find the guy who came up with css and give him a hug.