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

syntax-highlighting - 如何禁用谷歌代码美化的代码突出显示?

是否可以在 pre 标签中添加一个类来禁用代码突出显示?我尝试添加类 prettyprint-false 和 no-prettyprint。 https://code.google.com/p/google-code-prettify/wiki/GettingStarted

0 投票
1 回答
1926 浏览

javascript - 在 nocode 类中使用 google prettify 时如何添加行号?

相关如何将行号添加到 Google Prettify 中的所有行?

我正在查看 google 的http://code.google.com/p/google-code-prettify/以显示我在网页中用 Mathematica 编写的代码。

Mathematica 是不支持的语言。所以,即使我认为我可以做到以下几点

并且在显示行号方面有效,但是使用的语法突出显示已关闭并且对于我使用的语言不正确,因为它当然不受我理解的支持。

我很乐意只列出代码,使用nocode类,没有突出显示,但我也希望能够获得行号。所以,我尝试了这个:

但行号没有显示在nocode类内。

有没有办法修改prettify.js并使其也显示 nocode 的行号?我将主要使用它来列出代码,但需要查看行号。

这是一个完整的 MWE

更新

感谢 Gaby,它现在正在工作。这是最终结果

在此处输入图像描述

0 投票
2 回答
504 浏览

jquery - pre 和 xmp 标记中的 HTML 代码呈现

我正在尝试在标签中显示一些 HTML 代码<pre><xmp>但不是仅显示代码,而是实际呈现此 HTML 代码。此外,我正在使用 Google Prettify 来突出显示语法。

javascript

因此,当我尝试显示时,<b>HEllo</b>我得到了Hello

0 投票
6 回答
4828 浏览

angularjs - 在 AngularJS 中动态调用 prettyPrint() 会破坏绑定

我正在尝试美化一些动态生成的文本。

输出:

任何想法为什么?

http://jsfiddle.net/yAv4f/62/

0 投票
2 回答
2224 浏览

javascript - 全选或突出显示元素中的所有文本

我一直在寻找这样的东西,但由于某种原因,我无法让它工作。我不确定我错过了什么或做错了什么。

在这里找到的参考资料:http: //www.satya-weblog.com/2013/11/javascript-select-all-content-html-element.html

选择元素中的文本(类似于用鼠标突出显示)

如果有人可以抽出一些时间将不胜感激谢谢。

我正在使用新的引导程序 3.0.2、prettify 和 select2.js 为复制和粘贴代码设置横幅交换,参考此处找到的演示。

这是我设置的演示代码。

0 投票
1 回答
765 浏览

javascript - 为什么要在我的美化 pre 标签中添加空格?

没有prettyprint 类的pre 标记

带有prettyprint类的pre标签

当我将(从崇高文本复制)代码粘贴到“contenteditable”预标记中时,它看起来很好。当它被保存到数据库时,拉回并添加了“prettyprint”(google-code-prettify)类,它似乎添加了一堆随机空格。任何想法为什么?

0 投票
0 回答
952 浏览

javascript - 使用 google-code-prettify 的额外空格

嘿,我有一个奇怪的问题,我使用 google-code-prettify 代码在我的博客上显示代码,但不知何故 pre 标记并没有真正保留空白。出于某种原因,在发布时空格会增加一倍,有时会增加三倍,这使得代码部分看起来很糟糕。我使用本地安装的代码,我的代码部分包含在:

我以前从未遇到过任何问题,有人见过类似的东西并知道补救措施吗?

0 投票
1 回答
2281 浏览

javascript - AngularJS $apply not working

I have a app with code i want to prettify with prettify.js, but i cant get the apply method to work with angular 1.2. However it works with 1.1.

Because i cannot load the prettify lib on the body load because of angular, i have tried creating a filter like this

And the HTML

Here the working fiddle: working fiddle.

When angular is changed to 1.2 apply breaks (or maybe something else?)

Failing fiddle (same code, updated angularjs ) broken fiddle

0 投票
2 回答
633 浏览

vbscript - 网页中的 VBScript 语法高亮显示

Visual Basic 脚本 (VBScript) 的单一代码注释似乎不起作用,我正在使用 Google-code-prettify

https://code.google.com/p/google-code-prettify/

有关更多详细信息,请参阅此小提琴:

http://jsfiddle.net/dekajp/27skU/1/

看起来单引号注释不起作用还是我遗漏了什么?

0 投票
7 回答
928 浏览

javascript - HTML 不会呈现代码块

所以我在 AnchorCMS 中使用 Google 代码美化。HTML外的所有其他语言都可以使用。这就是我正在尝试使用的。

但我认为编辑器正在解释标签中的 HTML <pre>,这就是它不起作用的原因。这是我尝试显示上述代码时发生的情况。还有这个我用过<pre class="prettyprint lang-js">例子。我不确定现在该怎么做。有任何想法吗?也很抱歉直接链接到我的网站。我无法在 JSFiddle 上展示它