问题标签 [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 回答
251 浏览

javascript - google-code-prettify 不会将类添加到 Java 代码的 SPAN 标签

我正在尝试将 google-code-prettify 集成到我的网站以美化 Java 代码。我按照http://google-code-prettify.googlecode.com/svn/trunk/README.html上的说明进行操作。我可以验证我是否获得了代码示例中标记的 SPAN 元素,因此词法分析似乎有效。但是,生成的 SPAN 标记缺少类属性,因此 CSS 无法美化它。我还认识到 SPAN 标签可能应该以小写形式生成,但它们是大写的。

任何线索可能是什么问题?

0 投票
2 回答
406 浏览

javascript - 为什么谷歌代码美化器拒绝使用 XSLT?

歌代码美化器(也在这里,在 SO 上使用)解析 a 的内容.prettyprint并注入一些<span>s 以允许通过 css 突出显示。

这非常简单,除非我使用 XSLT 提供 XML 文件。然后,美化器只能在 Opera 中正确运行,但拒绝与 Firefox 或 Chrome(准确地说是 Chromium)一起工作。我遵循了一个最小的例子,见下文。

如果我直接打开 XHTML 文件(在服务器上使用 生成xsltproc),Firefox 会突然设法正确运行 prettyprint。但如果它转换 XML 本身,prettify 就会停止工作。我怎样才能解决这个问题?我可能做错了什么?

这是 XML 文件

这是样式表:

作为参考,这是由以下代码生成的 XHTML 1.1 xsltproc

编辑:

这是 Firefox 呈现的标记(使用Ctrl++提取ShiftI

0 投票
1 回答
1550 浏览

javascript - 使用 Prettify 在网页中动态生成片段的语法高亮显示

我有一个 div,我在其中从 AJAX 请求的结果中动态加载一段代码。然后我想使用 prettify 对其进行格式化。它可以工作,但速度很慢。我使用的代码如下:

简而言之,我执行 GET 请求,将请求的结果放入#myDiv 中,然后对其进行格式化,然后在 div 中淡入淡出。这需要一段时间,但加载。但是当我淡出 div 时,页面会在几秒钟内保持无响应。我删除了 prettyPrint() 并且页面表现得非常完美。有什么提示吗?

0 投票
1 回答
793 浏览

google-code-prettify - 谷歌代码美化认为 css #id 是行注释。我究竟做错了什么?

示例 CSS

代码美化将整行包装在.com

有人在这里有类似的问题。

有人回答“您正在加载 lang-css.js 吗?”。

这是我在页脚中加载的内容。

我可以用网络检查器看到它们。我尝试更改顺序并从标题中加载它们。我正在使用最新版本。

非常感谢所有帮助:)

谢谢!

0 投票
4 回答
602 浏览

javascript - 支持 LLVM 的 HTML/JS/CSS 语法高亮

我目前正在使用google-code-prettify进行语法高亮显示。它似乎不支持 LLVM。这是格式化 LLVM 时的样子:

在此处输入图像描述

这很丑陋。是否有任何支持 LLVM 的前端语法荧光笔?

0 投票
1 回答
723 浏览

javascript - 在所有前置元素上调用 JSON.stringify

我正在尝试 JSON.stringify<pre>具有指定类的文档中元素中的所有 JSON 文本,然后使用 google-code-prettify 添加语法着色。由于我不知道 Javascript 或 jQuery,我正在苦苦挣扎 - 到目前为止,我所拥有的只有以下内容:

漂亮的打印工作,但我不知道如何调用 JSON.stringify 甚至只是选择正确的元素。

更具体地说,我想要对<pre>文档中具有“prettyprint lang-js”类的所有元素,我想用调用JSON.stringify该文本的结果替换文本内容,然后调用
google-code-美化 `prettyPrint()' 以对其进行语法着色。

0 投票
1 回答
109 浏览

javascript - 为什么当我使用 JQuery DatePicker 时 Google Code Prettifier 停止工作(反之亦然)

如果Google Code Prettifier(或JQuery Syntax Highlighter )与JQuery DatePicker在同一页面中使用,则两者都不会正常工作。为什么是这样?

0 投票
1 回答
34008 浏览

twitter-bootstrap - 如何实现代码高亮作为引导程序的示例

我发现引导程序的代码高亮对代码块有很好的风格。

引导程序

我使用google-code-prettify找到它,但我尝试了 google code prettify,风格不同:

谷歌代码

如何实现与引导程序相同的功能?

0 投票
3 回答
11621 浏览

twitter-bootstrap - 使用 Bootstrap 进行 Google Prettify:行号不显示

我正在使用带有 Twitter Bootstrap 的 Google Prettify。它正在工作,但由于某种原因,行号没有出现。

这是标记:

我这样称呼它:

我没有任何自定义 CSS .. 仅使用 Bootstrap CSS ..

0 投票
1 回答
1233 浏览

javascript - 如何使用 prettify.js 主题?

prettify.js有一组“主题”

我如何实际使用它们?我<link href="">是选择一个选定的“主题”.css文件而不是prettify.css文件还是做其他事情?程序是什么?