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

angular - 谷歌代码 Angular2 中的美化代码部分工作

我正在尝试在 html 中显示代码并使用 Google Code prettify 对其进行美化。我几乎接近完成我的要求,但是当我尝试将文件外部化并从中提取代码时,它不起作用。

这是我的 ts 代码片段。

在模板中,我正在这样获取它。

它运作良好,其中包含代码的段落仅在使用trustedHTML管道进行清理时才会突出显示/美化。

但是,当我只是尝试将代码外部化到具有完全相同代码内容的外部文件时,它不起作用。

这是我的 ts 片段。

这里有什么问题?任何指示和建议都会有所帮助。

0 投票
1 回答
639 浏览

html - 为什么 Google Code Prettify 不在 CSS 上工作?

我在一些博客文章中使用 prettify.js。它可以很好地处理我的 html、python 和 js,但缺少 css。

我的html是:

我正在导入美化。这是我正在做的事情的 jsfiddle(也不是正确突出 jsfiddle 的语法) https://jsfiddle.net/kfdqLjm1/2/

0 投票
1 回答
1138 浏览

angular - 使用带有 Typescript 和 Angular 4 的 Google Code-Prettify

我对使用 Typescript 和 Angular 4 非常陌生,并且在将 Google Code-Prettify 与 angular CLI 设置集成时遇到了麻烦。

我试图弄清楚如何导入代码美化以与我的组件一起动态使用,但我不确定如何实现这一点。

我尝试使用 NPM 安装并从包中导入 PR,但 PR 作为一个空对象出现。

有没有办法完成我想做的事情?

0 投票
1 回答
230 浏览

documentation - Google 代码美化指南

我希望从 Google 的 Code-Prettify 项目中获得第 295期;即添加对lang-powershell.

虽然我找到了一些代码示例,但我找不到任何关于如何编写此代码的文档或任何提交指南(例如,语法突出显示是否应该适用于无效代码,或者它是否应该尝试突出显示此类错误)?

具有讽刺意味的是,我尝试过谷歌搜索,但没有任何乐趣。我能找到的最好的是他们的风格指南

问题

请有人指点我向 Google Code Prettify 提交新语言支持脚本的文档吗?

0 投票
1 回答
418 浏览

javascript - Google Code Prettify 在点击时不会突出显示语法

我使用 Google Code Prettify 语法高亮我的代码。这是我的 HTML

当直接在 HTML 中将代码添加到 xmlTextArea 并将所有 < 和 > 替换为 > 和 < 时,它就可以了,但在使用 jquery 设置代码时却不是这样:

PR.prettyPrint()之后我也试着打电话

0 投票
1 回答
65 浏览

asp.net-mvc - Google Code Prettify 省略的标记

在我看来,我有以下代码:

如果 ArticleText 只是一个包含代码语法的文本,例如:

然后,在视图中,该文本显示为一段语法高亮的漂亮代码。但是,如果我想对该文本添加一些评论,例如:

是否有任何标记可以包装该评论,代码美化会忽略该标记?

0 投票
1 回答
88 浏览

javascript - 为 Google 的 Prettify 创建自己的规则的最先进方法是什么?

为 Google 的 Prettify 创建自己的规则的最先进方法是什么?

我不是在谈论更改现有规则的颜色,此外,我想创建新规则:

  • 例如对于 shell/bash
  • 也许在一首诗的极端情况下,我想在其中显示“爱”这个词的所有外观

或者我想显示一棵树并将所有 spec.ts 文件标记为粗体,例如:

0 投票
1 回答
661 浏览

javascript - 在角度中使用 id 访问第 n 个孩子

我正在尝试使用代码美化为特定行着色。我从后端获取行号方面的数据,并希望突出显示它们。如果我在我的 css 文件中写这个:

它工作正常。但是,我不知道如何使用 angular 来实现这一点,我想根据我得到的行号动态地对 CSS 进行更改。这是我尝试过的:

这是我的html代码:

0 投票
1 回答
257 浏览

javascript - 使用本地 pretty.css 在 javascript 中使用代码美化?

code-prettify 似乎想从 cdn 中获取 pretty.css,而不是使用本地副本 - 是否可以配置东西以便它使用本地版本而无需网络调用?

0 投票
1 回答
233 浏览

java - 如何在文本视图中突出显示 Java 语法?

我知道这是一个老问题,但是对于较新版本的 android,可用的答案要么不起作用,要么已贬值。请提供适用于 Android 5.0 及更高版本的解决方案。

如何突出显示语法,就像 stackoverflow 正在使用这个 java 代码或类似于 Android Studio 所做的那样。