首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >prettify.js如何编码在页面上显示超文本标记语言

prettify.js如何编码在页面上显示超文本标记语言
EN

Stack Overflow用户
提问于 2012-02-09 01:13:28
回答 4查看 8.9K关注 0票数 1

我正在使用Prettify.js和css为我的网站,但它不工作的超文本标记语言

假设我有这样的HTML:

代码语言:javascript
运行
复制
<div style="padding:3px 0px">
  <asp:Label ID="lblTotalAns" runat="server" Text="0 Answers" CssClass="ansHeading" />
</div>

它将如何通过美化来渲染?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-03-08 16:37:27

您必须将<更改为&lt;,将>更改为&gt;,否则您的代码将由浏览器呈现。所以你的代码必须看起来像这样:

代码语言:javascript
运行
复制
<pre class="prettyprint">
  &lt;div style="padding:3px 0px"&gt;
    &lt;asp:Label ID="lblTotalAns" runat="server" Text="0 Answers" CssClass="ansHeading" /&gt;
  &lt;/div&gt;
</pre>

我已经用您的html源创建了一个简单的示例:http://jsfiddle.net/aSb76/

prettify tests sourceresult page中也可以看到这一点。

README中描述了如何包含prettify.js的基本设置。

我对ASP中的转义毫无头绪,但是在Google的第一个搜索结果中出现了类似'asp encode html entities‘这样的东西,出现了<%= Server.HTMLEncode(sValue) %>。也许你可以用这个。

票数 15
EN

Stack Overflow用户

发布于 2012-03-11 04:07:31

我想提出一个替代的解决方案,通过它你可以获得你想要的相同的结果(我假设) (=语法突出显示的HTML代码嵌入在网页中)。

Github有一个整洁的服务(称为Gist),用于在线保存小代码片段,它允许:

HTML中代码片段的语法highlighting

  • embedding (带1.)

在这里,您可以在Github Gist:https://gist.github.com/2012701上看到示例标记

在这里,您可以看到它嵌入在HTML中:http://jsfiddle.net/6YHDu/

如果您想要突出显示语法的代码是动态生成的(不是手动输入的),那么忘记我的建议,使用Prettify.js,否则Gist是一个非常用户友好的替代方案。

票数 1
EN

Stack Overflow用户

发布于 2012-03-14 16:35:23

您可以这样使用它:

在您的<head>元素中:

代码语言:javascript
运行
复制
<link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script>

在您的<body>元素中:

代码语言:javascript
运行
复制
    <body onload="prettyPrint()">
      <div style="padding:3px 0px">
       <asp:Label ID="lblTotalAns" runat="server" Text="0 Answers" CssClass="ansHeading" />
      </div>
     </body>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9198169

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档