问题标签 [google-code-prettify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
336 浏览

javascript - 如何从 ` 中删除 ` `
` 用javascript?

markdown 中的三个反引号呈现为<pre><code class="...">...</code></pre>. 进一步来说,

我目前的解决方案是添加以下代码,但它不起作用。

如何删除<code class="...">...</code>


我使用 SyntaxHighlighter<pre class="brush: java">...</pre>WordPress++中突出显示我的代码块(基于 SyntaxHighlighter)Windows Live WriterPreCode

目前,我转向降价。要在 Markdown 中插入代码块,我使用

它们都对我不起作用,因为 SyntaxHighlighter 要求里面的所有左尖括号<pre></pre>都应该是 HTML 条目转义。

因此,我安装了 Google 代码美化但遇到了上述问题(不兼容)。

0 投票
2 回答
410 浏览

html - 在 Jekyll 中实现 Code Prettify 时遇到问题——想使用 `` 而不是

我一直在尝试在我的 Jekyll博客中实现Code Prettify。我遵循了一些指南并能够实现它,但这并不理想。这就是我所做的:

1-我去_includes并添加了必要的文件head.html

旭日主题:

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?autoload=true&amp;skin=sunburst&amp;lang=css" defer="defer"></script>

主题的 CSS 文件(位于我css在 GitHub 上的文件夹中):

<link rel="stylesheet" href="/css/prettify.css" rel= 'stylesheet' type='text/css'>

2-例如,我使用标签<pre class= "prettyprint"></pre>对其进行测试。正如您在这篇文章中看到的(代码块位于页面底部),它确实有效。如果您注意到,您会发现它<iostream>丢失了,因为我使用<pre></pre>了它,因此它会看到<>字符,将它们视为 HTML 并且不显示<iostream>. 这是它的外观:

在此处输入图像描述

我可以使用 HTML 实体来修复它,但这并不理想。我已经搜索了 2 个小时,但找不到可靠的来源来解决这个问题。


所以我的问题是:

是否有可能使代码美化在降价中工作,使用 `` 而不是<pre></pre>?如果没有,是否有另一种方法可以在 Jekyll 中实现它?或者让它更容易使用?如果这些都不可能,是否有更好的替代 Jekyll 的支持Code Prettify

如果您需要查看其他文件,请检查我的存储库

0 投票
1 回答
398 浏览

javascript - 使用 google code-prettify 突出显示一些行

如何使用 google code-prettify 突出显示某些行?就像在Github上一样。

0 投票
1 回答
94 浏览

jquery - 使用动态 DOM 的“google-code-prettify”尝试失败

内部head标签我有:

我有身体标签内的某处:

在我的主 css 文件中,我有一些pre应该code覆盖美化:

我故意不包括在内<body onload="prettyPrint()">。加载页面时隐藏,因此#code-context没有必要。在用户触发 jQuery 函数后,代码变得可见:

我在控制台中收到消息(这意味着一切正常),但实际上我得到的是所有代码的边框,并且代码本身没有颜色编码。

帮助?

0 投票
1 回答
204 浏览

javascript - Prettyprint xml not highlighting

I'm trying to prettyprint some code generated by a custom installation of blockly. The code generated will be xml, but the problem is that once I try to highlight the code using google prettify (and not the only one, same problem with higlight.js) the code is not highlighted, I tried to google but all solution doesn't appear to apply to my problem.

This is how I imported the prettify library:

This is the code:

one of the example of generated code is:

Now I don't know if the problem is that I need to specify the doctype in the piece of code I'm prettifying, or it's just something else, maybe for example I need to escape it? Both?

The application is hosted on a Spring Boot App. Blockly works fine, but the problem appear to be only with the syntax highlighter.

0 投票
1 回答
782 浏览

css - 使用带有自定义皮肤的 Google Code Prettify CDN

我正在使用 Google Code Prettify CDN 链接:

按照设计,它将 CSS 样式表附加到 DOM 中:

如果您想使用默认皮肤(或项目提供的 URL 参数定义的皮肤之一),这很好,但在我的情况下,我想使用自定义主题:

哦哦,GCP在我之后添加了它的主题,所以现在我所有的样式都被覆盖了。

有没有办法使用 GCP CDN(或CDN)自定义样式表,而无需添加到工作表中每个样式?还是我卡在下载 GCP 并将其本地包含在我的项目中?!important

0 投票
1 回答
151 浏览

regex - 谷歌代码美化德尔福评论

我试图让谷歌代码美化工作,显示类似于 Delphi IDE 的内容,但在评论中遇到了问题

这是一条评论:

这是一个编译器指令(不是注释):

有谁知道如何更改下面的评论部分,以便如果后面{的字符是$字符,那么它不是评论

这是我一直在使用的 lang-Pascal.js

0 投票
1 回答
217 浏览

javascript - 为什么 Google Code Prettify 会渲染实际代码

我正在尝试将 html 模板显示为代码块中的标记

但是模板实际上是在浏览器中呈现的,而不是在代码块中显示的标记。

我已经在我的正文标签中包含了 CDN 脚本

0 投票
1 回答
371 浏览

prettify - Prettify prettyPrint() 函数未在内部加载