mitcho.com » markup http://mitcho.com Fri, 10 Feb 2012 23:24:05 +0000 en hourly 1 http://wordpress.org/?v=3.4-alpha-19719 Disgusting Word-formatted HTML and how to fix it http://mitcho.com/blog/projects/disgusting-word-formatted-html-and-how-to-fix-it/ http://mitcho.com/blog/projects/disgusting-word-formatted-html-and-how-to-fix-it/#comments Wed, 30 Dec 2009 21:29:44 +0000 mitcho http://mitcho.com/blog/?p=3287
  • Markdown for WordPress and bbPress
  • 回収 vs. 収集 and Better Word Meanings Through Usage
  • The Most Beautiful Word
    • Related posts brought to you by Yet Another Related Posts Plugin.]]>     In working on a new website for the MIT Working Papers in Linguistics, I recently inherited a collection of HTML files with all of our books’ abstracts. To my dismay (but not surprise) the markup in these files were horrendous. Here are some of the cardinal sins of markup that I saw committed in these files:

    1. Confusing ids and classes. ids should be unique on the page… but here’s an instance of using multiple instances of the same id in order to format them together.
    <div id="indent"> <div id="number">4.2.1</div> <div id="page">161</div> <div id="section">Old French (Adams 1987)</div>
</div> <div id="indent"> <div id="number">4.2.2</div> <div id="page">164</div> <div id="section">The evolution of the dialects of northern Italy</div>
    1. Putting a class on every instance of something. Everything paragraph should be formatted equivalently. We get the point.
    <p class=MsoNormal><b>The English Noun Phrase in Its Sentential Aspect</b></p>
<p class=MsoNormal>Steven Paul Abney</p>
<p class=MsoNormal>May 1987</p>
    1. Using blank space for formatting. 
    <p class=MsoNormal><o:p>&amp;nbsp;</o:p></p>
    1. CSS styles that don’t exist. Browsers just ignore these anyway… 
    <p class=MsoNormal>One factor in determining which worlds a modal quantifies
over is the temporal argument of the modal’s accessibility relation.<span
style='mso-spacerun:yes'>  </span>It is well-known that a higher tense affects
the accessibility relation of modals.<span style='mso-spacerun:yes'> 
</span>What is not well-known is that there are aspectual operators high enough
to affect the accessibility relation of modals.<span style='mso-spacerun:yes'> 
</span&gt

    The solution

    My solution was to write a perl script which takes care of a number of these issues. It’s not foolproof and doesn’t involve any voodoo—for example, it can’t retypeset things which were formatted using whitespace—but it does a good job as a first pass.

    cleanwordhtml.pl
    perl

    You can run the script by making it executable (chmod +x cleanwordhtml.pl) then specifying a target filename as an argument. For example,

    ./cleanwordhtml.pl source.html > clean.html

    I used this with a simple bash for loop to run over all my files:

    for f in */*.html; do ./cleanwordhtml.pl $f > ${f%.html}-clean.html; done;

    Hopefully someone else can benefit from my experience.

    Related posts:

    1. Markdown for WordPress and bbPress
    2. 回収 vs. 収集 and Better Word Meanings Through Usage
    3. The Most Beautiful Word

    Related posts brought to you by Yet Another Related Posts Plugin.

    ]]>     http://mitcho.com/blog/projects/disgusting-word-formatted-html-and-how-to-fix-it/feed/ 7