问题标签 [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.
javascript - google-code-prettify 不会将类添加到 Java 代码的 SPAN 标签
我正在尝试将 google-code-prettify 集成到我的网站以美化 Java 代码。我按照http://google-code-prettify.googlecode.com/svn/trunk/README.html上的说明进行操作。我可以验证我是否获得了代码示例中标记的 SPAN 元素,因此词法分析似乎有效。但是,生成的 SPAN 标记缺少类属性,因此 CSS 无法美化它。我还认识到 SPAN 标签可能应该以小写形式生成,但它们是大写的。
任何线索可能是什么问题?
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++提取Shift)I
javascript - 使用 Prettify 在网页中动态生成片段的语法高亮显示
我有一个 div,我在其中从 AJAX 请求的结果中动态加载一段代码。然后我想使用 prettify 对其进行格式化。它可以工作,但速度很慢。我使用的代码如下:
简而言之,我执行 GET 请求,将请求的结果放入#myDiv 中,然后对其进行格式化,然后在 div 中淡入淡出。这需要一段时间,但加载。但是当我淡出 div 时,页面会在几秒钟内保持无响应。我删除了 prettyPrint() 并且页面表现得非常完美。有什么提示吗?
google-code-prettify - 谷歌代码美化认为 css #id 是行注释。我究竟做错了什么?
示例 CSS
代码美化将整行包装在.com
有人在这里有类似的问题。
有人回答“您正在加载 lang-css.js 吗?”。
这是我在页脚中加载的内容。
我可以用网络检查器看到它们。我尝试更改顺序并从标题中加载它们。我正在使用最新版本。
非常感谢所有帮助:)
谢谢!
javascript - 支持 LLVM 的 HTML/JS/CSS 语法高亮
我目前正在使用google-code-prettify进行语法高亮显示。它似乎不支持 LLVM。这是格式化 LLVM 时的样子:
这很丑陋。是否有任何支持 LLVM 的前端语法荧光笔?
javascript - 在所有前置元素上调用 JSON.stringify
我正在尝试 JSON.stringify<pre>
具有指定类的文档中元素中的所有 JSON 文本,然后使用 google-code-prettify 添加语法着色。由于我不知道 Javascript 或 jQuery,我正在苦苦挣扎 - 到目前为止,我所拥有的只有以下内容:
漂亮的打印工作,但我不知道如何调用 JSON.stringify 甚至只是选择正确的元素。
更具体地说,我想要对<pre>
文档中具有“prettyprint lang-js”类的所有元素,我想用调用JSON.stringify
该文本的结果替换文本内容,然后调用
google-code-美化 `prettyPrint()' 以对其进行语法着色。
twitter-bootstrap - 使用 Bootstrap 进行 Google Prettify:行号不显示
我正在使用带有 Twitter Bootstrap 的 Google Prettify。它正在工作,但由于某种原因,行号没有出现。
这是标记:
我这样称呼它:
我没有任何自定义 CSS .. 仅使用 Bootstrap CSS ..
javascript - 如何使用 prettify.js 主题?
prettify.js有一组“主题”。
我如何实际使用它们?我<link href="">
是选择一个选定的“主题”.css
文件而不是prettify.css
文件还是做其他事情?程序是什么?