问题标签 [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 投票
1 回答
108 浏览

html - Google Prettify 削减我的代码 - 需要修复

目前我的代码在 for 循环中的 < 处被截断,因为浏览器将其视为标签,有人对此有修复吗?:

在渲染页面的源代码中,一切都会出现,直到:

谢谢!

0 投票
1 回答
1466 浏览

javascript - 如何修复 Google 美化处理 HTML 转义序列

google-code-prettify通过“美化”转义字符本身而不是转义序列来处理代码块中的 HTML 转义。例如:

原始 HTML<code class="prettyprint lang-sql"> ... &gt; ... </code>被美化为:

有明显错误的渲染。我无法在内部返回未转义的 HTML,<code>因为它不是来自受信任的来源,并且可以用作 XSS 向量。

我的问题是,是否有任何方法可以强制 google-pretty-print 做正确的事情,并将其内容<code>视为 HTML(转义),而不是原始文本。

0 投票
2 回答
5536 浏览

javascript - prettyPrint() 不会在页面加载时被调用

我正在尝试在 Blogger 中美化我的代码。我已将 Google JS 和 CSS 文件链接到我的模板。问题是我希望代码在页面加载时得到美化,所以我prettyPrint();在模板上添加了页面加载事件。

<body onload="prettyPrint();">

此代码不会被执行。但是,如果我在控制台中手动键入 prettyPrint(),我的代码会得到正确的美化。博主模板会阻止手动调用 JS 函数吗?

编辑我通过在我需要代码美化的每篇文章中手动调用该函数来使其工作(见下文)。不过,我想知道为什么我不能在模板上做到这一点。

编辑 2自述文件说我不应该prettyPrint()直接用作处理程序,而是将它包装在一个闭包中。所以我添加了这段代码,类似于 README 中的示例,<head>但无济于事。

或者

编辑 3我的模板 HTML 只是默认的动态视图(经典)模板,上面添加了美化库。

编辑 4这是一个演示问题的链接:http: //testprettyprint.blogspot.com/2013/02/blog-post.html - 代码块不会自动美化,但如果您打开 Chrome 的控制台并输入 prettyPrint()代码将正确突出显示。

编辑 5我认为这是我的问题而不是博主的原因,因为这个人仍然使用相同的技术美化了他的代码:http: //errorbuster.blogspot.com/2012/07/prettify-syntax-highlighter-for-blogger.html

编辑 6正如 Jeffery To 在他的回答中指出的那样,动态视图使用 AJAX 加载博客内容,因此任何 JS 对文档加载的调用都将在加载实际内容之前执行。因此,对实际博客内容而非文档执行的任何 JavaScript 都是无效的。所以我想现在的问题是如何挂钩 Dynamics Viewajax:complete事件,如果有这样的事情,但我怀疑有。感谢所有回复的人。我不确定这是否可以算作一个错误,但我会向博主提出问题。

结论请阅读 Jeffery To 的回答。他找到了调用函数的事件。

0 投票
3 回答
334 浏览

javascript - 如何检查 Prettify 是否已加载

<pre class="prettyprint">如果存在,我只会加载脚本。我发现要启动 Prettify,您需要使用prettyPrint();.

但是,在不加载脚本的页面上,我收到 Javascript 错误。有没有办法测试 Prettify 是否已加载,然后运行...否则什么都不做?

0 投票
1 回答
2581 浏览

google-code-prettify - 谷歌代码美化 xml 缩进

我在生成的 xml 文档中添加了换行符。

这最终应该是:

这是否可以通过 google-code-prettify - 或者我应该在生成 xml 的代码中自己完成?

提前致谢

0 投票
2 回答
496 浏览

syntax-highlighting - Google Code Prettify - 没有行号的条纹/钢琴键?

我正在使用 Prettify(来自 Google 代码 - https://code.google.com/p/google-code-prettify/)。当添加 linenums 属性时,它会在每一行上使用交替的背景颜色来呈现程序(即,它使用“条纹”或“钢琴键”)。当一个人删除该属性时,Prettify 不再条纹线。

是否可以让 Prettify 在不添加行号的情况下对源代码进行条带化?

0 投票
1 回答
5721 浏览

javascript - 动态 google-code-prettify 不起作用

按钮是否可以调用会“美化”动态的函数<code><pre>?我无法让它工作。

页面加载后,初始<code>值是美化的(?),但是当我更改它并在之后调用 prettyPrint() 时,它不再起作用。

示例:http: //jsfiddle.net/uwBjD/2/

编辑:对不起,我使用的是本地 prettify.js。更新了一下,还是遇到了同样的错误。

0 投票
2 回答
766 浏览

matlab - google-code-prettify 不适用于 matlab 代码

我正在使用 google-code-prettify 包来突出显示我的 matlab 代码,但是突出显示看起来不像 matlab 样式的着色。我的最小工作示例:

例如,在上面的例子中,%test comment没有以绿色突出显示,但是一些行被突出显示,例如 while 循环。难道我做错了什么?

0 投票
1 回答
4046 浏览

javascript - 在ckeditor中显示html标签

我默认使用以下内容打开 ckeditor。

但是,在输出中缺少 HTML 标记代码。输出低于(下线);


我们可以使用 prettify 自动格式化网页上的计算机编程代码。

如何使用?

只需添加以下行;

然后,将代码行放在下面的选项卡中;

...

或者,

从https://code.google.com/p/google-code-prettify/下载完整的代码文件(甚至可以了解更多关于 prettify 的信息)到您的服务器并更改上面的脚本标记行,如下所示;


期望输出: 预期产出 请帮助,我想念的地方。

0 投票
1 回答
1395 浏览

css - 删除代码上的 google-code-prettify 边框

我想在使用google-code-prettify. 我尝试了以下但没有结果。

我还尝试删除所有pre标签上的边框,同样没有结果。