标签: google-code-prettify
语法高亮显示网页中的代码段"google-code-prettify"无法正常工作
我有以下代码,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="../../../Styles/prettify.css" rel="stylesheet" type="text/css" />
<script src="../../../Scripts/prettify.js" type="text/javascript"></script>
</head>
<body>
<p>And from code behind write following :</p>
<pre class="prettyprint">
protected void Page_Load(object sender, EventArgs e)
{
lblLoading.Text = "Loading News...";
}
</pre>
</body>
</html>
我无法在结果中看到代码语法.我错过了什么？
结果是这样的:
在线演示如下:http://jsfiddle.net/yKss3/
1
推荐指数
推荐指数
1
解决办法
解决办法
612
查看次数
查看次数
Google代码Preular在Angular2中的代码部分工作
我试图在HTML中显示代码并使用Google Code美化来美化它.我几乎接近完成我的要求,但是当我尝试外化文件并从中提取代码时,它无法正常工作.
这是我的ts代码片段.
demoJavaCode: any;
demoJavaCodeFromFile: any;
ngOnInit() {
this.demoJavaCode =
`<pre><xmp class="prettyprint">
public class A {
public static void main(String args[]) {
}
}
</xmp></pre>`;
}
ngAfterViewInit() {
PR.prettyPrint();
}`
在模板中,我这样取了它.
<p [innerHtml] ="demoJavaCode | trustedHtml"></p>
它工作得很好,只有在使用trustedHTML管道进行清理时才会突出显示/修饰包含其中代码的段落.
但是,当我试图将代码外部化为具有完全相同代码内容的外部文件时,它无法正常工作.
这是我的ts片段.
this._http.get("assets/java_code.txt").map(res => res.text()).subscribe(
response => {
this.demoJavaCodeFromFile = response;
},
error => {
this.componentErrorMessage = error;
},
() => {
console.log('File successfully loaded..');
}
);
这可能有什么问题？任何指针和建议都会有所帮助.
1
推荐指数
推荐指数
1
解决办法
解决办法
1626
查看次数
查看次数
如何美化React中的动态代码片段？
我研究了代码美化器，如 google-code-prettify、beautify 等。不幸的是，我无法让这些在我的 React 应用程序中工作。我目前正在使用react-ace来显示动态填充的代码片段，但它们只是颜色突出显示，而不是格式化。
有没有一些简单的例子可以让我在 React 应用程序中使用它？它不必使用 Ace 编辑器 - 这是我的一种技巧，可以让代码显示得更好。
1
推荐指数
推荐指数
1
解决办法
解决办法
4157
查看次数
查看次数
ReferenceError:prettyPrint未定义错误
希望你能帮助我ReferenceError: prettyPrint is not defined.
<a class="question helpcenterheading" href="http://www.google.com">How do I contact you?</a>
<span class="answer">One moment...</span>
<script>
$(document).ready(function() {
$("span.answer").hide();
$("a.question").click(function() {
$(this).toggleClass("active").next().slideToggle(2000, function() {
window.location.href = $(this).attr('href');
});
return false;
});
});
</script>
(现场版)
0
推荐指数
推荐指数
2
解决办法
解决办法
4911
查看次数
查看次数
Google Code Prettify不支持HTML
我正在使用谷歌的代码美化来使代码在我的网站上很好地显示.它可以在这里找到Google Code Prettify.
它不适用于HTML.我知道你是假设,以取代<与<和>带>.我已经这样做了,但浏览器仍然将其解释为HTML.
这是我试图Prettify的HTML,
<pre class="prettyprint">
<div class="container">
<div class="col-md-5">
<div class="form-area">
<form role="form">
<br style="clear:both">
<h3 style="margin-bottom: 25px; text-align: center;">Contact Form</h3>
<div class="form-group">
<input type="text" class="form-control" id="name" name="name" placeholder="Name" required>
</div>
<div class="form-group">
<input type="text" class="form-control" id="email" name="email" placeholder="Email" required>
</div>
<div class="form-group">
<input type="text" class="form-control" id="mobile" name="mobile" placeholder="Mobile Number" required>
</div>
<div class="form-group">
<input type="text" class="form-control" id="subject" name="subject" placeholder="Subject" required>
</div>
<div class="form-group">
<textarea class="form-control" type="textarea" id="message" …0
推荐指数
推荐指数
1
解决办法
解决办法
1969
查看次数
查看次数