标签: google-code-prettify
Google Prettify语言代码列表
我无法在任何地方找到这个,我发誓我曾经能够非常简单地没有太多的窥探.谁能帮我？谢谢.我会很感激.还有,美化支持批量吗？
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
在页面加载时不会调用prettyPrint()
我试图在Blogger中美化我的代码.我已将Google JS和CSS文件链接到我的模板.问题是我希望代码在页面加载时被美化,所以我prettyPrint();在模板上添加了页面加载事件.
<body onload="prettyPrint();">
此代码无法执行.但是,如果我在控制台中手动键入prettyPrint(),我的代码会正确地进行修饰.博客模板是否会手动调用JS函数？
编辑我通过在每个需要代码美化的帖子中手动调用函数来实现它(见下文).不过,我想知道为什么我不能在模板上做到这一点.
<pre class="prettyprint linenums lang-js">
function testCode(){
}
</pre>
// I have to do this in every post :-s
<script type="text/javascript">
prettyPrint();
</script>
编辑2的自述说,我不应该使用prettyPrint()直接作为处理器,但在封闭包裹它来代替.所以我添加了这个代码,类似于自述文件中的示例,<head>但是无济于事.
<script type='text/javascript'>
window.addEventListener('load', function (event) { prettyPrint() }, false);
</script>
要么
<script type='text/javascript'>
document.addEventListener('DOMContentLoaded',function() {
prettyPrint();
});
</script>
编辑3我的模板HTML只是默认的动态视图(经典)模板,如上所述添加了美化库.
编辑4这是一个演示问题的链接:http://testprettyprint.blogspot.com/2013/02/blog-post.html - 代码块没有自动美化但是如果你打开Chrome的控制台并输入prettyPrint()代码将正确突出显示.
编辑5之所以我认为这是我的问题而不是博主,因为这个人仍然使用相同的技术来修饰他的代码:http://errorbuster.blogspot.com/2012/07/prettify-syntax-highlighter-for-blogger.html
编辑6正如Jeffery To在他的回答中指出的那样,Dynamics View使用AJAX加载博客内容,因此在加载实际内容之前,任何对文档加载的JS调用都将被执行.因此,对实际博客内容而不是文档执行的任何JavaScript都是无效的.所以我想现在的问题是如何挂钩到动态查看ajax:complete事件,如果有这样的事情,但我怀疑有.谢谢所有回复的人.我不确定这是否可以算作一个bug,但我会向博客提出一个问题.
结论请阅读Jeffery To的答案.他发现事件要调用该函数.
推荐指数
解决办法
查看次数
Google Prettify with Bootstrap:行号未显示
我正在使用Twitter Prettify和Twitter Bootstrap.它正在工作,但由于某种原因,行号没有出现.
这是标记:
<pre class="prettyprint linenums">
<ol class="linenums">
<li class="L0">
<span class="kwd">public</span>
<span class="pln"> </span>
<span class="kwd">override</span>
<span class="pln"> </span>
<span class="kwd">void</span>
<span class="pln"> </span>
<span class="typ">Dispose</span>
<span class="pun">()</span>
</li>
<li class="L1">
<span class="pln"> </span>
<span class="pun">{</span>
</li>
<li class="L2">
<span class="pln"> </span>
<span class="kwd">base</span>
<span class="pun">.</span>
<span class="typ">Dispose</span>
<span class="pun">();</span>
</li>
<li class="L3">
<span class="pln"> </span>
<span class="pun">}</span>
</li>
</ol>
</pre>
我称之为:
<script type="text/javascript">
$(document).ready(function () {
prettyPrint();
});
</script>
我没有任何自定义CSS ..只使用Bootstrap CSS ..
推荐指数
解决办法
查看次数
动态google-code-prettify不起作用
按钮是否可以调用一个能够"美化"动态的功能<code><pre>？我无法让它发挥作用.
页面加载后,初始化<code>是美化(？),但是当我更改它并之后调用prettyPrint()时,它不再起作用.
示例:http://jsfiddle.net/uwBjD/2/
编辑:对不起,我正在使用本地的prettify.js.更新后,仍然遇到同样的错误.
推荐指数
解决办法
查看次数
HTML不会呈现代码块
所以我正在使用Google代码与AnchorCMS进行美化.所有其他语言,但 HTML工作.这就是我想要使用的.
<pre class="prettyprint lang-html">
<!DOCTYPE html>
</pre>
但我认为编辑器正在解释<pre>标签中的HTML ,这就是它无法正常工作的原因.这是我尝试显示上述代码时发生的情况.这是我用过的这个例子<pre class="prettyprint lang-js">.我现在不确定该怎么做.有任何想法吗？也很抱歉直接链接到我的网站.我不能在JSFiddle上显示它
html javascript jquery syntax-highlighting google-code-prettify
推荐指数
解决办法
查看次数
使用google-code-prettify显示XML
我似乎无法使用谷歌美化来处理基本的XML:任何人都可以使用它,或者可以看到我做错了什么:这是我的代码:
<html>
<head>
<meta charset="utf-8" />
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?autoload=true&skin=sunburst&lang=xml"></script>
</head>
<body>
<h1>XML Output</h1>
<pre class="prettyprint" id="quine" style="border:4px solid #88c">
<Rest_appt_pull licenseKey="123" passWord="456" start="30-oct-2014 00:00:00" finish="31-oct-2014 23:59:59" p_method="event">
<timings>
<entry label="Read"
time=".03"
segment=".03" />
<entry label="Processing XML"
time=".04"
segment=".01" />
</timings>
</Rest_appt_pull>
</pre>
</body>
</html>
任何帮助将不胜感激
推荐指数
解决办法
查看次数
删除google-code-prettify border
我想在使用时删除代码边框google-code-prettify.我尝试了以下但没有结果.
pre.prettyprint {
border: none;
}
我还尝试删除所有pre标签上的边框,同样没有结果.
pre {
border: none;
}
谢谢!
推荐指数
解决办法
查看次数
google prettify:ada语法
我目前正试图在我的网站上使用谷歌美化和我在这里找到的文件突出显示Ada代码.但是,我无法将后一个文件用于美化,并且自动语言检测会使用'字符(例如Array'first或integer'image)来清除属性,并将它们突出显示为字符串分隔符.
例如,我有以下示例代码,我想在我的页面中正确格式化它:
procedure mergesort (V: in out TV_integer; iterations: in out integer) is
-- {} => {V is sorted}
m : integer := (V'first + V'last) / 2;
begin -- mergesort
if V'length > 1 then
mergesort(V(V'first..m), iterations);
mergesort(V(m+1..V'last), iterations);
merge(V(V'first..m),V(m+1..V'last),V,iterations);
end if;
end mergesort;
任何帮助,将不胜感激.
编辑:我尝试使用pre class ="prettyprint lang-ada"标记,以便它使用lang-ada自定义脚本,但没有成功.
推荐指数
解决办法
查看次数
用于在tumblr上显示代码片段的水平滚动区域
我正在尝试使用美化和css自定义来设置我的tumblr主题来显示python代码片段.我是css的新手,但我现在已经按照我想要的方式工作了(感谢网上搜索的例子).但是,文本包装的时间太长,我无法弄清楚如何让它只显示滚动条.
pre code {
overflow-x: scroll;
overflow-y: hidden;
display: block;
line-height: 1.6em;
font-size: 11px;
}
这是我现在正在使用的.我找到了一些页面,说我想添加空格:到这里,但经过所有选项后,它们似乎都没有用.选项nowrap使它没有任何换行符.
如果我添加宽度:2000px或巨大的东西,它会阻止文本包装但它会被写在所有内容的顶部,并且不会出现滚动条.
谢谢您的帮助.
推荐指数
解决办法
查看次数