title: syntaxhighlighter_3.0.83: theme_tests.html(A DOCTYPE is not allowed in content)
body: <p>I am getting an error on <strong>theme_tests.html</strong> page provided with <strong>syntaxhighlighter_3.0.83</strong>, which I wasn't getting earlier.
  The error is <strong>A DOCTYPE is not allowed in content</strong> at <code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</code> inside first script tag <code>&lt;script id="sample" type="text/plain"&gt;</code> tag.</p>
  
  <p>Here is the page <strong>theme_tests.html</strong>:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
      &lt;title&gt;SyntaxHighlighter Theme Tests&lt;/title&gt;
      &lt;script type="text/javascript" src="/js/jquery-1.4.2.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id="output"&gt;&lt;/div&gt;
  
  &lt;style&gt;
  body {
      background: white;
      font-family: Helvetica;
  }
  
  .test-wrap {
      width: 100%;
      height: 800px;
      overflow: auto;
      border: none;
  }
  &lt;/style&gt;
  
  &lt;script id="sample" type="text/plain"&gt;
      &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
      &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
          &lt;title&gt;SyntaxHighlighter Theme Tests&lt;/title&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &amp;lt;script&gt;
          /**
           * Looks for a child or parent node which has specified classname.
           * Equivalent to jQuery's $(container).find(".className")
           * @param {Element} target Target element.
           * @param {String} search Class name or node name to look for.
           * @param {Boolean} reverse If set to true, will go up the node tree instead of down.
           * @return {Element} Returns found child or parent element on null.
           */
          function findElement(target, search, reverse /* optional */)
          {
              if (target == null)
                  return null;
  
              var nodes           = reverse != true ? target.childNodes : [ target.parentNode ],
                  propertyToFind  = { '#' : 'id', '.' : 'className' }[search.substr(0, 1)] || 'nodeName',
                  expectedValue,
                  found
                  ;
  
              // main return of the found node
              if ((target[propertyToFind] || '').indexOf(expectedValue) != -1)
                  return target;
  
              return found;
          };
          &amp;lt;/script&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  var themes = [
          ['#fff', 'Default'],
          ['#000', 'Django'],
          ['#fff', 'Eclipse'],
          ['#000', 'Emacs'],
          ['#000', 'FadeToGrey'],
          ['#000', 'MDUltra'],
          ['#000', 'Midnight'],
          ['#000', 'RDark']
      ];
  
  $(document).ready(function()
  {
      var sample = $('#sample').text().replace(/&lt;/g, '&amp;lt;');
  
      $.each(themes, function(index)
      {
          var $iframe = $('&lt;iframe class="test-wrap" src="about:blank" /&gt;'),
              background = this[0],
              themeName = this[1]
              ;
  
          $('#output')
              .append(''
                  + '&lt;h1&gt;'
                      + '&lt;a href="#theme' + (index + 1) + '"&gt;next&lt;/a&gt; '
                      + '&lt;a name="theme' + index + '"&gt;'
                          + themeName
                      + '&lt;/a&gt;'
                  + '&lt;/h1&gt;'
              )
              .append($iframe)
              ;
  
          $iframe.ready(function()
          {
              var doc = $iframe[0].contentDocument;
              $iframe.css('background', background);
  
              doc.write(''
                  + '&lt;scr' + 'ipt type="text/javascript" src="/sh/scripts/XRegExp.js"&gt;&lt;/scr' + 'ipt&gt;'
                  + '&lt;scr' + 'ipt type="text/javascript" src="/sh/scripts/shCore.js"&gt;&lt;/scr' + 'ipt&gt;'
                  + '&lt;scr' + 'ipt type="text/javascript" src="/sh/scripts/shBrushXml.js"&gt;&lt;/scr' + 'ipt&gt;'
                  + '&lt;scr' + 'ipt type="text/javascript" src="/sh/scripts/shBrushJScript.js"&gt;&lt;/scr' + 'ipt&gt;'
                  + '&lt;link type="text/css" rel="stylesheet" href="/sh/styles/shCore' + themeName + '.css"/&gt;'
                  + '&lt;pre type="syntaxhighlighter" class="brush: js; html-script: true; highlight: [5, 20]" title="This is SyntaxHighlighter theme ' + themeName + ' in action!"&gt;'
                      + sample
                  + '&lt;/pre&gt;'
                  + '&lt;pre type="syntaxhighlighter" class="brush: js; html-script: true; collapse: true"&gt;'
                      + sample
                  + '&lt;/pre&gt;'
                  + '&lt;scr' + 'ipt type="text/javascript"&gt;'
                      + 'SyntaxHighlighter.highlight();'
                  + '&lt;/scr' + 'ipt&gt;'
                  );
              doc.close();
          });
      });
  
      $('#output a[name]:first').attr('name', 'top');
      $('#output a[href]:last').attr('href', '#top').html('top');
  });
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The web page page I have in my java web application is rendering alright in chrome but not on firefox 4.
  I remember the same page in my application used to work alright on both browsers before.</p>
  
  <p>Only changed I have done to my system ever since I saw my application rendering the same page properly are:</p>
  
  <ol>
  <li><p>I added jquerywtp1.10 plugin to my eclipse 3.5 IDE.</p></li>
  <li><p>Updated firefox to firefox 4 version.</p></li>
  </ol>
  
  <p>Could someone help me understand what should I do to get the same web page properly displayed on mozilla firefox 4 as well?</p>
  
  <p>This is where I am getting the error, on line number 29: <a href="http://programatori.evonet.ro/images/1308360109285/doctype.jpg" rel="nofollow">http://programatori.evonet.ro/images/1308360109285/doctype.jpg</a> </p>
  
  <p>theme_tests.html is could be found at: <a href="https://bitbucket.org/alexg/syntaxhighlighter/src/a8771a7fc81d/tests/theme_tests.html" rel="nofollow">https://bitbucket.org/alexg/syntaxhighlighter/src/a8771a7fc81d/tests/theme_tests.html</a></p>
  
  <p>Could someone enlighten me for how to do away with this error?</p>