Crayon Syntax Highlighter for WordPress 在 AMP 页面上看起来很糟糕

Question

我有一个关于计算机科学的 WordPress 博客，问题是 Crayon Syntax Highlighter 序列在 AMP 页面上看起来像这样：

所以它们加倍了。如何删除第一部分（可调整大小的部分）？我在几乎所有使用这个插件的 AMP 网站上都看到了这个东西，我认为这是一个大问题。谢谢！

Answer 1

第一部分是您要语法高亮显示的代码的普通版本，它位于 textarea box/field 内部 div 与 class crayon-plain-wrap:

<div class="crayon-plain-wrap">
  <textarea wrap="soft" class="crayon-plain ..." ...>
    plain/non-formatted code here...
  </textarea>
</div>

如何禁用那个框

最简单的选择：只需访问插件设置页面（设置 -> Crayon），找到“Enable plain code view and display" 字段在该页面的 General -> Code 部分下，然后取消选中 option/checkbox..
使用自定义CSS隐藏div当请求是当前的AMP版本页.
- 如果您使用 AMP 插件，您可以像这样以编程方式添加 CSS：（将其添加到主题的 functions.php 文件中）
```
add_action( 'amp_post_template_css', function(){
    echo '.crayon-plain-wrap { display: none; }';
} );
```
  或仅复制 CSS 代码（即 .crayon-plain-wrap { display: none; }）并将其放在适当的位置。

使用其他 AMP 插件？

只需尝试使用该插件实现上面的 second 选项...

但是如果您需要进一步的帮助，请告诉我。

Crayon Syntax Highlighter for WordPress looks bad on AMP pages