问题标签 [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 投票
3 回答
11621 浏览

twitter-bootstrap - 使用 Bootstrap 进行 Google Prettify:行号不显示

我正在使用带有 Twitter Bootstrap 的 Google Prettify。它正在工作,但由于某种原因,行号没有出现。

这是标记:

我这样称呼它:

我没有任何自定义 CSS .. 仅使用 Bootstrap CSS ..

0 投票
2 回答
1248 浏览

jquery - Yii 的 jQuery.yii.js 没有先加载

我正在使用 wmd 编辑器,它有自己的 js 文件,需要首先加载 jQuery,但是 Yii 框架有自己的 Jquery 库,该库注册在所有头部元素后加载的资产中,如果没有 jQuery,Wmd 编辑器会崩溃首先加载所以我必须首先包含它所有头元素,当页面加载时,jQuery.yii 也被添加到所有头元素的末尾,简而言之,它被加载两次并在我的代码中产生冲突,这里是我的文件看起来像头

在浏览器中,我可以找到在所有头部元素的末尾自动加载的另一个 Jquery 副本,如下所示

我想知道是否有一种方法可以先加载它,或者根本不加载它并使用谷歌的 cdn 副本。

谢谢

0 投票
1 回答
1233 浏览

javascript - 如何使用 prettify.js 主题?

prettify.js有一组“主题”

我如何实际使用它们?我<link href="">是选择一个选定的“主题”.css文件而不是prettify.css文件还是做其他事情?程序是什么?

0 投票
2 回答
444 浏览

javascript - 谷歌代码美化不会显示图像

我按照 google preffify 的说明进行操作,我得到的只是页面上一个没有任何内容的框。我哪里做错了?我得到 200 的费用。

0 投票
1 回答
821 浏览

html - 网页“google-code-prettify”中代码片段的语法突出显示不起作用

我有以下代码,

我无法在结果中看到代码语法。我错过了什么?

结果是这样的:

在线演示在这里:http: //jsfiddle.net/yKss3/

0 投票
2 回答
243 浏览

javascript - 如何在文本框中添加“view:source”选项?

我知道我的标题不是那么具有描述性,所以让我在这里尝试解释一下。

在我的博客中,我想为用户添加一个选项,当他单击一个名为的小按钮时,view:source他会在raw format. 我正在使用prettify.js语法突出显示,它会自动在我的源代码周围创建一个文本框,其中包含以下定义的 css:

现在,在那个类似文本框的结构中,我只想添加一个选项/按钮来查看原始格式的源代码。我正在谈论的功能可以在这个 dzone 帖子中看到。

0 投票
1 回答
1524 浏览

html - 谷歌美化行号和溢出

将溢出添加到 Google 美化元素时,行号会消失。

不变的CSS:

之前的 CSS 和图像:

在此处输入图像描述

之后的 CSS 和图像:

在此处输入图像描述

0 投票
1 回答
170 浏览

html - 使用 Lex 标签解析器代码进行 Google Prettify

看来 Google Prettify 不喜欢 lex 解析器标签。我已将以下内容添加到使用 prettify 格式化代码的博客文章中:

两行 lex 代码(在 {{ }} 之间)在帖子中消失了。如果我将它们更改为单括号,它们看起来还可以。我假设 prettify 使用了类似的标记语法,这可以解释这一点。有办法解决吗?

0 投票
1 回答
929 浏览

javascript - Prettify.JS 无法正确显示 HTML 脚本标签

我正在使用 Prettify.JS 在我正在开发的网站上显示一些代码。我似乎对脚本标签有一些问题,尤其是“非链接”标签:

此代码显示以下内容(注意整个脚本标记为红色):

美化代码

但是,当我在下面做这个小技巧时(在关闭开始脚本标记之前添加一些不可见的 html):

它似乎显示确定:

破解后美化代码

问题是当我添加多个非链接脚本标签块时,问题又出现了。所以下面的代码:

显示为:

在此处输入图像描述

我查看了 Prettify.JS 源代码,在第 1211 行看到以下内容:

我相信这是词法分析器的一部分。

我不是正则表达式忍者,所以我会很感激任何关于如何调整它的帮助,以便 Prettify.JS 可以容纳没有属性的非链接脚本标签。

提前致谢。

0 投票
1 回答
1130 浏览

javascript - 在 contenteditable pre 中美化语法高亮

我正在使用 google prettify 来突出显示 contenteditable pre 中的代码。contenteditable pre 包含 div 节点,并在用户按下 enter 或 bspace 时为每一行创建/删除 div。

我的 pre 元素包含初始代码,全部在一行上(我需要它在一行上,这样它才能正常工作,所以没有讨厌的 \n 或文本节点)。

Prettify 在做的时候不喜欢这样//one line comments,它评论多行。

解释它的最简单方法是看小提琴:http: //jsfiddle.net/grantk/jwfMr/

我的问题是:有没有一种简单的方法可以在不修改源代码的情况下使用 css 或 javascript 解决这个问题?