问题标签 [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.
javascript - 在单个页面上使用多个 CodeMirror 编辑器?
我正在编写一个页面,其中包含演示我的 js 库的使用的示例。我希望这些示例是可编辑和可运行的,所以我认为我有这些选项:
使用prettify在教程页面上显示代码,有一个按钮可以打开一个带有编辑器的新窗口,您可以在其中运行代码(当前实现的解决方案)。或者,我可以使编辑器成为某种模式对话框。
为页面上的每个示例使用多个 CodeMirror 编辑器(单个页面上最多可以有 30 个)。我不确定这些编辑器有多“重”,所以我不确定这是否是个好主意。
有一个编辑按钮,可以在需要编辑时用 CodeMirror 编辑器“交换”漂亮的代码,这样用户就可以编辑和运行示例,而无需担心新窗口。我不确定是否可以使美化和 CodeMIrror 的语法高亮看起来相同。
关于我应该如何做到这一点以及为什么这样做的任何想法?我也愿意接受有关不同代码编辑器或语法荧光笔的建议,所以如果有人有这种事情的经验,请告诉我你是如何做到的。
emacs - 在 emacs 中对齐或美化代码
我记得这在emacs中是可能的,但不知道如何。如果我有类似的东西:
我怎样才能将键、箭头和值与这样的东西对齐?
干杯
gwt - 高亮显示源代码的 GWT 库
我正在尝试找到准备好使用 gwt 库来突出显示源代码,但我找不到任何东西。
开始考虑在每次页面渲染后使用http://code.google.com/p/google-code-prettify/并简单调用 JS 函数,但也许有一些更好的决定。
asp.net - prettify 不突出显示 asp.net 标签
我使用 google-code-prettify 作为我的语法荧光笔,但我遇到了 asp.net 标签的问题,prettify 无法识别它,所以代码如下:
被忽略。我注意到 stackoverflow 也在使用 prettify。所以我想知道他们是怎么做到的?
c# - 美化从 C# 代码块中剥离泛型
我尝试将 Prettify 脚本集成到我的网站以提供 C# 代码块的智能语法高亮显示时遇到了一个小问题。在我介绍泛型之前,一切都很好,泛型包含在小于和大于字符中。Prettify 似乎完全剥离了这些并用单个换行符替换它们。
有人知道如何解决这种恼人的行为吗?
html - 使用 Google Prettify 显示 HTML 和 CSS 代码。我必须用 html 名称替换每个 < > 吗?
直到我在 stackoverflow 上发现我应该替换所有的<
with<
和所有的>
with之前,Google Prettify 并没有为我正确显示 HTML >
。
这真的有必要吗?有没有更简单的方法来实现这一点?
我想显示如下简单代码:
我可以使用什么东西来检测标签之间的所有<pre>
代码吗?例如,当我在 stackoverflow 中输入代码时,我不需要替换<
and >
。
shell - 命令行美化 BSON
最近一直在使用 mongo,这意味着(基本上)json 格式的大量嵌套哈希。目前我python -mjson.tool
在 emacs 中通过管道传输 json,这对 json 非常有用,但 bson 还包括 ObjectId("key") 和 ISODate("date") (例如,{"_id": ObjectId("4ec319b0e35c1f1063000015"), "date": ISODate("2011-11-16T00:00:00Z")}
它们不是有效的 json,并导致 python 库呕吐.
有谁知道更宽松的美化者?或其他方式来完成 BSON 的工作。我什至不介意解决方案是否删除了包装函数,更重要的是能够更轻松地可视化深度嵌套的 json 数据结构
javascript - 如何将行号添加到 Google Prettify 中的所有行?
我正在使用美化:
它可以工作,但行号每 5 行显示一次,而不是每行显示一次。我正在使用这些文件
基本上在这个页面的末尾http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html你可以看到我想要的,但我看了那个代码,我想不通出去。
syntax-highlighting - 在 Blogspot 上通过滚动来突出显示语法
我正在使用 blogspot.com。
我想让我的编码突出显示。
所以,我使用谷歌代码美化 api。
一切都很好,但我想做滚动(比如 ., style="overflow-x: scroll")
请让我知道我应该在哪里修改以在 blogspot.com 上滚动我的代码
formatting - 如何在我的博客文章中使用 stackoverflow 样式标记?
在撰写技术文章时,我已经习惯了 StackOverflow 提供的功能。我最喜欢的功能是
和backticks you can use to format code inline
, 以及自动颜色语法高亮。
我相信代码突出显示是通过谷歌的“代码美化”完成的,但我不确定其他格式。就是这么简单!
如何在我的博客上使用这种格式?