当前位置： 文江博客话题详情

syntaxhighlighter_3.0.83：theme_tests.html（内容中不允许使用DOCTYPE）

发布于 2024-11-15 18:57:18 字数 5883 浏览 3 评论 0原文

我在 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 应用程序中的网页在 Chrome 中渲染正常，但在 Firefox 4 上渲染不正确。 我记得我的应用程序中的同一页面以前在两种浏览器上都可以正常工作。

自从我看到我的应用程序正确渲染同一页面以来，我对系统所做的唯一更改是：

  1. 我将 jquerywtp1.10 插件添加到我的 eclipse 3.5 IDE。

  2. 将 Firefox 更新至 Firefox 4 版本。

有人可以帮助我了解我应该怎么做才能在 mozilla firefox 4 上正确显示相同的网页吗？

这是我在第 29 行收到错误的地方： http://programatori.evonet .ro/images/1308360109285/doctype.jpg

theme_tests.html 可以在以下位置找到：https://bitbucket.org/alexg/syntaxhighlighter/src/a8771a7fc81d/tests/theme_tests .html

有人能启发我如何消除这个问题吗 错误？

原文

I am getting an error on theme_tests.html page provided with syntaxhighlighter_3.0.83, which I wasn't getting earlier.
The error is A DOCTYPE is not allowed in content at <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> inside first script tag <script id="sample" type="text/plain"> tag.

Here is the page 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>
        <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;
        };
        </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, '<');

    $.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>

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.

Only changed I have done to my system ever since I saw my application rendering the same page properly are:

  1. I added jquerywtp1.10 plugin to my eclipse 3.5 IDE.

  2. Updated firefox to firefox 4 version.

Could someone help me understand what should I do to get the same web page properly displayed on mozilla firefox 4 as well?

This is where I am getting the error, on line number 29: http://programatori.evonet.ro/images/1308360109285/doctype.jpg

theme_tests.html is could be found at: https://bitbucket.org/alexg/syntaxhighlighter/src/a8771a7fc81d/tests/theme_tests.html

Could someone enlighten me for how to do away with this error?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（1）

世界如花海般美丽 2024-11-22 18:57:18

您已将该文档声明为 XHTML 严格文档。但是，文档结构违反了文档类型规则。在文档中嵌套另一个 是非法的。另外，将带有未转义 XML 实体的 JS 代码放入 XHTML 严格文档中也是非法的。请访问 http://hsivonen.iki.fi/doctype 了解文档类型，并根据 http://validator.w3.org。

第一步是将嵌套的 XHTML 文档包装在 块中，并将所有 JS 移出到它自己的 .js 文件中。此外，在 之外使用不带 type 属性的

这个问题与JSP无关。这只是基本的 (X)HTML 知识。

You have declared the document to be a XHTML strict document. However, the document structure violates the doctype rules. Nesting another <!DOCTYPE in the document is illegal. Also putting the JS code with unescaped XML entities in a XHTML strict document is illegal. Learn about doctypes at http://hsivonen.iki.fi/doctype and validate your document against the http://validator.w3.org.

Your first step is to wrap that nested XHTML document in a <![CDATA[ block and move all that JS out into its own .js file. Also, having the <style> without type attribute outside the <head> is illegal.

This problem has nothing to do with JSP. It's just basic (X)HTML knowledge.

回复 原文
~没有更多了~

关于作者

始终不够

暂无简介

文章
评论
25 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

qq_oxT0yE

文章 0 评论 0

hls.

文章 0 评论 0

坤阳

文章 0 评论 0

怪兽饲养员Y

文章 0 评论 0

TALE

文章 0 评论 0

花心好男孩

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文