2011-06-18 13 views
0

私は以前になっていませんでしたsyntaxhighlighter_3.0.83を提供theme_tests.htmlページ、上のエラーを取得しています。 エラーはです。コンテンツにDOCTYPEは使用できません<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">最初のスクリプトタグ<script id="sample" type="text/plain">タグ内にあります。ここでsyntaxhighlighter_3.0.83:theme_tests.html(DOCTYPEがコンテンツに許可されていません)

ページtheme_tests.htmlです:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>SyntaxHighlighter Theme Tests</title> 
    <script type="text/javascript" src="/js/jquery-1.4.2.js"></script> 
</head> 

<body> 

<div id="output"></div> 

<style> 
body { 
    background: white; 
    font-family: Helvetica; 
} 

.test-wrap { 
    width: 100%; 
    height: 800px; 
    overflow: auto; 
    border: none; 
} 
</style> 

<script id="sample" type="text/plain"> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <title>SyntaxHighlighter Theme Tests</title> 
    </head> 

    <body> 
     &lt;script> 
     /** 
     * 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; 
     }; 
     &lt;/script> 

    </body> 
    </html> 
</script> 

<script type="text/javascript"> 
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(/</g, '&lt;'); 

    $.each(themes, function(index) 
    { 
     var $iframe = $('<iframe class="test-wrap" src="about:blank" />'), 
      background = this[0], 
      themeName = this[1] 
      ; 

     $('#output') 
      .append('' 
       + '<h1>' 
        + '<a href="#theme' + (index + 1) + '">next</a> ' 
        + '<a name="theme' + index + '">' 
         + themeName 
        + '</a>' 
       + '</h1>' 
      ) 
      .append($iframe) 
      ; 

     $iframe.ready(function() 
     { 
      var doc = $iframe[0].contentDocument; 
      $iframe.css('background', background); 

      doc.write('' 
       + '<scr' + 'ipt type="text/javascript" src="/sh/scripts/XRegExp.js"></scr' + 'ipt>' 
       + '<scr' + 'ipt type="text/javascript" src="/sh/scripts/shCore.js"></scr' + 'ipt>' 
       + '<scr' + 'ipt type="text/javascript" src="/sh/scripts/shBrushXml.js"></scr' + 'ipt>' 
       + '<scr' + 'ipt type="text/javascript" src="/sh/scripts/shBrushJScript.js"></scr' + 'ipt>' 
       + '<link type="text/css" rel="stylesheet" href="/sh/styles/shCore' + themeName + '.css"/>' 
       + '<pre type="syntaxhighlighter" class="brush: js; html-script: true; highlight: [5, 20]" title="This is SyntaxHighlighter theme ' + themeName + ' in action!">' 
        + sample 
       + '</pre>' 
       + '<pre type="syntaxhighlighter" class="brush: js; html-script: true; collapse: true">' 
        + sample 
       + '</pre>' 
       + '<scr' + 'ipt type="text/javascript">' 
        + 'SyntaxHighlighter.highlight();' 
       + '</scr' + 'ipt>' 
       ); 
      doc.close(); 
     }); 
    }); 

    $('#output a[name]:first').attr('name', 'top'); 
    $('#output a[href]:last').attr('href', '#top').html('top'); 
}); 
</script> 

</body> 
</html> 

は私が同じページを覚えて、私は私のJavaのWebアプリケーションを持っているウェブページのページは、Firefox 4 にクロームで大丈夫レンダリングではなく、私のアプリケーションは前に両方のブラウザで正常に動作していました。

のみ、私は自分のアプリケーションが同じページをレンダリング見て以来、私のシステムに行っている適切にされている変更:

  1. 私は日食3.5 IDEにjquerywtp1.10プラグインを追加しました。

  2. firefoxをfirefox 4バージョンに更新しました。

mozilla firefox 4でも同じWebページが正しく表示されるようにするにはどうすればいいですか?私は行番号29に、エラーを取得していますどこ

これは、次のとおりです。誰かがこのエラーを離れて行う方法のために私を啓発でしhttps://bitbucket.org/alexg/syntaxhighlighter/src/a8771a7fc81d/tests/theme_tests.html

http://programatori.evonet.ro/images/1308360109285/doctype.jpg

theme_tests.htmlはで見つけることができますか?

答えて

1

文書をXHTMLの厳密な文書と宣言しました。ただし、文書構造はdoctypeルールに違反します。文書に他の<!DOCTYPEをネストすることは不正です。また、エスケープされていないXMLエンティティを持つJSコードをXHTMLの厳密な文書に入れることは不正です。 doctypesについてはhttp://hsivonen.iki.fi/doctypeで学び、文書はhttp://validator.w3.orgで検証してください。

最初のステップは、ネストしたXHTMLドキュメントを<![CDATA[ブロックにラップし、そのすべてのJSを独自の.jsファイルに移動することです。また、<style>type属性なしで<head>の外に持つことは不正です。

この問題はJSPとは関係ありません。基本的な(X)HTML知識です。

+0

返信ありがとう、私がアプリケーションに入っていた問題は、私がやっていた何かが非常にばかげていたためでした。 DOCTYPEとは何の関係もありませんでした。私がDOCTYPEについて知っていたことは、HTMLの場合、ドキュメントで使用されるHTMLの種類を示し、XMLの場合、XMLの構造上の制約について教えてくれることでした。多くの返信をありがとう:)。 – skip

関連する問題