潘多克与 elements resistant to minification

Question

我使用Pandoc将Markdown文件转换为HTML文件，并且将代码片段转换为HTML <pre>片段存在问题。

示例降价输入：

```json
{
   "pageNumber": 1,
   "pageCount": 12,
   "nextPage": 2,
   "pageSize": 25,
   "totalCount": 298,
   "page": [
      {
         ...item...
      },
      {
         ...item...
      },
      {
         ...item...
      }
   ]
}
```

使用pandoc in.md -f markdown -t html -o out.html转换为

<div class="sourceCode" id="cb2"><pre class="sourceCode json"><code class="sourceCode json"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="fu">{</span></a>
<a class="sourceLine" id="cb2-2" data-line-number="2">   <span class="dt">"pageNumber"</span><span class="fu">:</span> <span class="dv">1</span><span class="fu">,</span></a>
<a class="sourceLine" id="cb2-3" data-line-number="3">   <span class="dt">"pageCount"</span><span class="fu">:</span> <span class="dv">12</span><span class="fu">,</span></a>
<a class="sourceLine" id="cb2-4" data-line-number="4">   <span class="dt">"nextPage"</span><span class="fu">:</span> <span class="dv">2</span><span class="fu">,</span></a>
<a class="sourceLine" id="cb2-5" data-line-number="5">   <span class="dt">"pageSize"</span><span class="fu">:</span> <span class="dv">25</span><span class="fu">,</span></a>
<a class="sourceLine" id="cb2-6" data-line-number="6">   <span class="dt">"totalCount"</span><span class="fu">:</span> <span class="dv">298</span><span class="fu">,</span></a>
<a class="sourceLine" id="cb2-7" data-line-number="7">   <span class="dt">"page"</span><span class="fu">:</span> <span class="ot">[</span></a>
<a class="sourceLine" id="cb2-8" data-line-number="8">      <span class="fu">{</span></a>
<a class="sourceLine" id="cb2-9" data-line-number="9">         <span class="er">...item...</span></a>
<a class="sourceLine" id="cb2-10" data-line-number="10">      <span class="fu">}</span><span class="ot">,</span></a>
<a class="sourceLine" id="cb2-11" data-line-number="11">      <span class="fu">{</span></a>
<a class="sourceLine" id="cb2-12" data-line-number="12">         <span class="er">...item...</span></a>
<a class="sourceLine" id="cb2-13" data-line-number="13">      <span class="fu">}</span><span class="ot">,</span></a>
<a class="sourceLine" id="cb2-14" data-line-number="14">      <span class="fu">{</span></a>
<a class="sourceLine" id="cb2-15" data-line-number="15">         <span class="er">...item...</span></a>
<a class="sourceLine" id="cb2-16" data-line-number="16">      <span class="fu">}</span></a>
<a class="sourceLine" id="cb2-17" data-line-number="17">   <span class="ot">]</span></a>
<a class="sourceLine" id="cb2-18" data-line-number="18"><span class="fu">}</span></a></code></pre></div>

没关系。但是当我的服务器缩小所有HTML时，浏览器会在没有换行的情况下获得它

<div class="sourceCode" id="cb2"><pre class="sourceCode json"><code class="sourceCode json"><a class="sourceLine" id="cb2-1" data-line-number="1"><span class="fu">{</span></a><a class="sourceLine" id="cb2-2" data-line-number="2"> <span class="dt">"pageNumber"</span><span class="fu">:</span> <span class="dv">1</span><span class="fu">,</span></a><a class="sourceLine" id="cb2-3" data-line-number="3"> <span class="dt">"pageCount"</span><span class="fu">:</span> <span class="dv">12</span><span class="fu">,</span></a><a class="sourceLine" id="cb2-4" data-line-number="4"> <span class="dt">"nextPage"</span><span class="fu">:</span> <span class="dv">2</span><span class="fu">,</span></a><a class="sourceLine" id="cb2-5" data-line-number="5"> <span class="dt">"pageSize"</span><span class="fu">:</span> <span class="dv">25</span><span class="fu">,</span></a><a class="sourceLine" id="cb2-6" data-line-number="6"> <span class="dt">"totalCount"</span><span class="fu">:</span> <span class="dv">298</span><span class="fu">,</span></a><a class="sourceLine" id="cb2-7" data-line-number="7"> <span class="dt">"page"</span><span class="fu">:</span> <span class="ot">[</span></a><a class="sourceLine" id="cb2-8" data-line-number="8"> <span class="fu">{</span></a><a class="sourceLine" id="cb2-9" data-line-number="9"> <span class="er">...item...</span></a><a class="sourceLine" id="cb2-10" data-line-number="10"> <span class="fu">}</span><span class="ot">,</span></a><a class="sourceLine" id="cb2-11" data-line-number="11"> <span class="fu">{</span></a><a class="sourceLine" id="cb2-12" data-line-number="12"> <span class="er">...item...</span></a><a class="sourceLine" id="cb2-13" data-line-number="13"> <span class="fu">}</span><span class="ot">,</span></a><a class="sourceLine" id="cb2-14" data-line-number="14"> <span class="fu">{</span></a><a class="sourceLine" id="cb2-15" data-line-number="15"> <span class="er">...item...</span></a><a class="sourceLine" id="cb2-16" data-line-number="16"> <span class="fu">}</span></a><a class="sourceLine" id="cb2-17" data-line-number="17"> <span class="ot">]</span></a><a class="sourceLine" id="cb2-18" data-line-number="18"><span class="fu">}</span></a></code></pre></div>

浏览器会将代码段显示为一行。

我可以指示Pandoc生成抗缩小的HTML吗？例如。只有代码的<pre>，没有其他所有的花里胡哨，就足够了。

Answer 1

只需使用--no-highlight选项：

即使在给出语言属性时，也禁用代码块和内联的语法突出显示。

在你的例子中：

pandoc in.md --no-highlight -o out.html

生产：

<pre class="json"><code>{
   &quot;pageNumber&quot;: 1,
   &quot;pageCount&quot;: 12,
   &quot;nextPage&quot;: 2,
   &quot;pageSize&quot;: 25,
   &quot;totalCount&quot;: 298,
   &quot;page&quot;: [
      {
         ...item...
      },
      {
         ...item...
      },
      {
         ...item...
      }
   ]
}</code></pre>