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

javascript - Javascript 中的动态代码片段显示

我正在编写一个 JS 函数:

我知道限制在浏览器中访问本地文件的安全约束,但设法创建了一个解决方案。

请考虑此代码(适用于 Firefox 57.0,64 位):

Code.txt 包含一些示例 C++ 代码:

输出 HTML 页面: 在此处输入图像描述

问题陈述:

语法突出显示不起作用。

试过:

  • 谷歌代码美化
  • 棱镜荧光笔

这些荧光笔在 HTML 标签下的静态代码的情况下工作正常。

有人可以提供这个问题的任何提示 - 根本原因还是我应该考虑其他任何方向来实现这种类型的功能?

谢谢

0 投票
0 回答
67 浏览

google-code-prettify - 如何使用谷歌代码美化来显示差异

我有一个应用程序,可以浏览代码树,并可以显示使用谷歌代码 google code-prettify 很好地突出显示的单个源代码

我想添加一个显示版本之间差异的功能。我有 git-diff 格式的更改

我的问题是:谷歌代码美化支持差异吗?有任何代码示例吗?

0 投票
3 回答
429 浏览

javascript - Google 代码美化代码突出显示不适用于 Polymer 3

如何在 Polymer 3 中使用 Google 代码美化?

语法突出显示不起作用。下面的示例代码:

我在https://stackblitz.com/edit/polymer-element-example-d7n14q添加了一个工作示例,其中也可以编辑和运行代码。

0 投票
2 回答
86 浏览

java - google code prettify 的问题,用于打印具有 List 之类代码的 java 代码>

我正在尝试在 html 页面上打印以下行:

但是,在 htmlMap<String,Object>中被视为 html 中的标记

下面是我得到的输出:

除了 Map 之外的所有其他内容都被 span 标签正确替换

在此处输入图像描述

0 投票
2 回答
2038 浏览

reactjs - 使用代码美化与呈现的内容 reactjs

我正在使用 reactjs 来渲染帖子。在我的帖子中,我有一些标签<code></code>。所以我想展示code给大家容易看到。

我用 reactjs 渲染我的帖子。

我从这里安装了代码美化。

那么我该如何使用pretty-code呢?

这是我的内容渲染 json:

0 投票
1 回答
361 浏览

html - 在 html 中删除 javascript 并自动格式化所有 and/or
 blocks

0 投票
0 回答
128 浏览

javascript - 无法使用 google-code-prettify lib 格式化 javadoc html

我尝试使用以下方法将样式添加到<pre>块中: https ://github.com/google/code-prettify

但我看到的只是:

enter image description here

我希望获得默认的语法突出显示。

我把它放在 html 文件的顶部:

然后我有一个<pre>看起来像这样的块:

我检查了html,它看起来像这样:

在此处输入图像描述

我做错了什么?

0 投票
0 回答
54 浏览

javascript - 有没有办法将页面自动滚动到特定行号的代码,使用谷歌代码美化格式化?

我正在编写一个小应用程序来在浏览器中显示 c++ 代码并使用 Google 代码美化它。作为要求,我必须滚动到特定的行号。经过一番搜索,我发现选择节点,我可以使用以下代码片段

滚动到特定行号的方法是什么?

我尝试使用以下代码,但position()正在返回undefined

我希望在加载时,页面应该滚动到给定的行号。

0 投票
1 回答
95 浏览

javascript - 用于识别包含在三引号内的有效 Python 字符串的 Javascript 风格正则表达式

我正在尝试为Qiskit Terra编写一个 Prettify风格的语法荧光笔(它紧跟 Python 语法)。显然,Prettify 使用了 Javascript 风格的正则表达式。例如,是对应于Q#中有效字符串的正则表达式。基本上,我正在尝试为 Python 组合等效的正则表达式。/^\"(?:[^\"\\]|\\[\s\S])*(?:\"|$)/, null, '"'

现在,我知道 Python 支持三引号内的字符串,即'''<string>'''并且"""<string>"""是有效字符串(这种格式特别用于docstrings)。为了处理这种情况,我将相应的捕获组编写为:

这是regex101 链接

除了在某些情况下,这可以正常工作,例如:

很明显,它应该被''' 'This "is" my' && "first 'regex' sentence." '''视为一个字符串和''' 'This "is" the second.' '''另一个字符串。但是不,我编写的正则表达式将整个内容组合为一个字符串(检查regex101 链接)。也就是说,即使遇到a '''(对应'''开头的the)也不会结束字符串。

我应该如何修改正则表达式(^\'{3}(?:[^\\]|\\[\s\S])*(?:\'{3}$))以考虑这种情况?我知道这一点:如何在正则表达式中匹配“直到这个字符序列的任何内容”?但这并不能完全回答我的问题,至少不能直接回答。

0 投票
1 回答
28 浏览

html - 谷歌美化线切片和白色背景

当我添加超过 4 位数字的行号时,它的行被从代码框中切出。

当我使用background-color: #eee;all 时效果很好,但不适用于白色background-color: #fff;

  1. 如何修复从代码框中切出的行号?

  2. 如何将所有线条背景更改为白色?

PS白色背景必须带有行号:)

它现在是如何工作的(在图片上:linenums:320只有在 Safari 中使用 3 位数的数字切片很糟糕,对于 Chrome,它从 4 位数的数字开始切片)。但也许我们可以赚取一些利润或其他东西。

在此处输入图像描述

这是您可以检查其工作方式的示例。 https://jsfiddle.net/rwjbdayu/7/