Pagedown和Angle Brackets不合作

Pagedown and Angle Brackets not Cooperating

本文关键字：不合作 Brackets Angle Pagedown      更新时间：2023-09-26

我正在尝试使用Pagedown将markdown（包含代码段）解析为html。

它基本上是有效的，但我注意到了一个奇怪的行为。如果我的降价中有这个：

`ArrayList<String> names = new ArrayList<>();`

显示的文本最终为：

ArrayList<string> names = new ArrayList&lt;&gt;();

请注意，第一个String是小写的，第二个<>被转换为html实体，由于它们最终位于代码块中，因此无法正确显示。

如果我看到Pagedown"认为"它应该处理的降价，它会变得更奇怪：

`ArrayList<string> names = new ArrayList&lt;&gt;();`</string>

显然，它将代码文本的<String>部分视为html标记，并添加一个结束的</string>标记。解析该标记产生以下html:

<code>ArrayList&lt;string&gt; names = new ArrayList&amp;lt;&amp;gt;();</code>

如果我提前对尖括号进行编码：

`ArrayList&lt;String&gt; names = new ArrayList&lt;&gt;();`

然后Pagedown简单地将html实体作为代码的一部分进行编码，这正是我希望它使用尖括号所做的：

 <code>ArrayList&amp;lt;String&amp;gt; names = new ArrayList&amp;lt;&amp;gt;();</code>

我只想能够将markdown（包含代码段）放入Pagedown解析器，并让它输出经过净化的html。以下是我目前正在做的事情：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="Markdown.Converter.js"></script>
<script type="text/javascript" src="Markdown.Sanitizer.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
    function parseMarkdown(){
        var markdown = $("#markdown").html();        
        console.log("markdown: " + markdown);
        var converter =  new Markdown.getSanitizingConverter();
            var html = converter.makeHtml(markdown);
            console.log("html: " + html);
            $("#markdown").html(html);
    }
    $(parseMarkdown);
</script>
</head>
<body onload="parseMarkdown">
<div id="markdown">
`ArrayList<String> names = new ArrayList<>();`
</div>
</body>
</html>

在现实生活中，标记要么来自数据库（使用Pagedown编辑器编写），要么来自标记文件（使用基本文本编辑器编写）。我少了一步吗？在Markdown解析之前，上述方法是否存在运行糟糕JavaScript的风险？

问题与Markdown或Pagedown无关。

当您将内容放入HTML文档中时，HTML解析器（浏览器…）会"更正"无效的HTML片段。在您的情况下，它会自动添加一个结束标记，使HTML格式良好。作为解析过程的一部分，它显然还将"String"转换为小写"String"。

正如您自己所描述的，Markdown代码可能来自不同的源（JSON、封装在脚本元素中的外部资源等），在那里您根本不会遇到这个问题。

相关文章：