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

javascript - AngularJS:使用 Google Code Prettify 的选项卡性能

我在 AngularJS 中使用 Google Code Prettify 构建了一个简单的选项卡式代码查看器,但是在单击选项卡(以及执行其他操作时)时我遇到了性能缓慢的问题。

这是相关的插件:http://plnkr.co/edit/x25vea?p= preview

索引.html:

选项卡控制器:

筛选:

我觉得标签可能是瞬间的,但我不知道如何以任何不同或更好的方式去做我正在做的事情。

任何帮助将不胜感激。谢谢!

0 投票
2 回答
3195 浏览

prettify - 使用 google-code-prettify 显示 XML

我似乎无法让 google prettify 使用基本 XML:任何人都可以使用它,或者可以看到我做错了什么:这是我的代码:

任何帮助将不胜感激

0 投票
2 回答
497 浏览

css - 美化自定义主题代码不适合

在某些浏览器(本例中为 Firefox)上,给定字体的大小不同,这促使我从 Google 代码页面下载主题(沙漠)的副本并自行调整,因为主题具有不同的背景颜色来自我的网站,我想更改主题的背景颜色以适合我的网站。然而,这个版本的主题在假定的代码区域周围创建了一个边框,这与我使用在线版本时不同。我能够解决颜色问题,但我非常想删除边框。

我会嵌入图像,但我不允许这样做,因为我在 StackOverflow 上还没有 10 名声望。

下图来自 Firefox(代码溢出最严重的情况)

http://i1164.photobucket.com/albums/q570/SparenofIria/ScreenShot2015-01-19at21732PM_zps0541bc46.png

如果有人可以指导我找到解决方案,那将不胜感激。谢谢你。

编辑:边框填充到 div 的大小。

下面是desert.css的内容。与我在网上找到的版本相比,唯一改变的是背景颜色(#333 到 #FFF)。

0 投票
1 回答
150 浏览

javascript - google-code-prettify 删除尖括号中的文本

我正在使用 google-code-prettify 来语法高亮 CPP 代码。我使用它如下。

在我得到的结果中,“iostream”部分消失了。但是其余的代码完美地突出了语法:)


我在“<”和“>”之间尝试了其他代码。他们也被删除了。为什么会这样?我如何获得整个代码?

感谢您的帮助BR //Asmelash Tse。

0 投票
1 回答
200 浏览

html - 谷歌代码美化与 HTML 冲突

我正在尝试使用 google-code-prettify 来突出显示某些代码的语法,但浏览器正在呈现我包含在标签中的 HTML。我已按照入门说明进行操作

例如

在这里,我得到的只是Hello world. 我试过lang-html在之后添加class="prettyprint,没有用。

我错过了什么?

0 投票
1 回答
333 浏览

javascript - html片段的html代码块?

这一定是最令人沮丧的事情了,哈哈。

我正在使用 prettify.js 给代码语法颜色,但是使用 prettify.js 或 prism.js 当我对 html 进行编码时,我必须像下面这样在前面加上一个句点来编写它.&lt,否则我的语法会被 # 标签弄乱。

上面显示了一段时间

之前没有句号&lt

我的问题是prettify.js如何/为什么&lt;div被包装?.tag <span class="tag">&lt;div</span>为什么我需要在&lt;div它之前添加一些字符才能工作?有什么想法为什么要这样做?

仅供参考,之前的任何字符&lt;div都会很好地显示该块,但是当它&lr;div<pre></pre>标签包裹时没有字符,它会显示一个带有#标签的块。

0 投票
1 回答
129 浏览

mediawiki - Prettify.js 可以用来突出显示维基百科上的代码吗?

我想将突出显示的 Mathematica 源代码添加到 Wikipedia 页面,以及WR 的 Tweet-a-Program中的简短应用示例。

目前,prettify.js 中对 Mathematica 语法高亮有很好的支持,这就是 mathematica.stackexchange.com 和 Wolfram 社区用来显示代码的。

我知道 Wikipedia 支持 Geshi,但是Geshi 缺乏 Mathematica 支持,我想避免弄乱它,因为我有一段时间没有做过正则表达式了。

Prettify.js 可以用来突出显示在维基百科中发布的代码吗?

0 投票
1 回答
543 浏览

c# - 在哪里可以找到 Googles Code Prettify 的 csharp 加载程序

我试图为我即将发布的博客设置一个代码荧光笔,但是......似乎代码美化已经放弃了对 csharp(C#) 的支持,或者他们已经在其他地方隐藏了加载器......有什么想法吗?

我刚刚检查了他们的 github repo 并找不到那里的加载器..

溴,英克斯

0 投票
2 回答
3079 浏览

html - Google Code Prettify 不适用于 HTML

我正在使用 Google 的代码美化使代码在我的网站上显示得很好。可以在此处找到Google Code Prettify

它不适用于 HTML。我知道您应该替换<&lt;和。我已经这样做了,但浏览器仍将其解释为 HTML。>&gt;

这是我试图美化的 HTML,

这是它在网站上的显示方式,

在此处输入图像描述

当我检查元素时,它看起来像这样,

到底是怎么回事?

0 投票
1 回答
354 浏览

javascript - prettyPrint() 函数在页面加载后不起作用

我正在通过常见问题解答中提到的google-code-prettifyCDN 使用这里 是突出显示代码的功能。现在我有问题<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script> prettyPrint()

prettyPrint()当我调用此函数时,它说未定义 cdn 在页面加载并突出显示语法时自动调用此函数,但加载后我正在更改代码内容,然后我希望它再次突出显示。但我无法做到这一点prettyPrint()

我自己托管google-code-prettify,然后我使用prettyPrint()它并且工作正常但是当我在更改代码后调用此函数时没有任何反应,它不会突出显示我的语法

这是我正在使用的代码