`
jsntghf
  • 浏览: 2532585 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

自动语法高亮-google-code-prettify

阅读更多

特点是无须指定语言!

 

使用方法:

1. 包含脚本和样式表

<link href="prettify.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript" src="prettify.js"></script>

 

2. 添加onload="prettyPrint()"到你的文件的body标签中。

 

3. 在<pre class="prettypring">...</pre>或<code class="prettypring">...</code>中间放上代码片段,它就会自动被美化了。

 

具体使用方法以及示例参考附件。

分享到:
评论

相关推荐

    color-themes-for-google-code-prettify, Google Code 美化的语法高亮颜色主题.zip

    color-themes-for-google-code-prettify, Google Code 美化的语法高亮颜色主题 用于 Google Code 美化的颜色主题Google Code 美化美丽色彩主题的选择。 演示...

    code-prettify-master

    1. **代码高亮**:`code-prettify`支持多种编程语言的语法高亮,包括但不限于HTML、CSS、JavaScript、Python、Java等,能自动识别代码类型并进行相应的颜色标注。 2. **自定义样式**:虽然默认提供了基本的高亮样式...

    google-code-prettify

    "google-code-prettify"是一个流行的JavaScript库,用于在网页上美化代码片段。这个库主要设计用来让HTML页面中的代码块看起来更加整洁、易读,适用于开发者分享代码示例或者教程网站。它由Google开发并维护,是开源...

    google-code-prettify使用使用实例

    `google-code-prettify`能自动检测代码块中的编程语言,但如果你想指定语言,可以在`&lt;code&gt;`标签上添加`lang-`前缀,如`lang-java`或`lang-python`。例如: ```html &lt;pre class="prettyprint lang-java"&gt; &lt;code&gt; ...

    google代码高亮插件prettify

    谷歌的Prettify是一款流行的代码高亮插件,主要用于网页中的源代码展示,提供美观的语法高亮效果,使得代码更易读、易理解。它适用于多种编程语言,包括但不限于HTML、CSS、JavaScript、Python、Java、C++等。这款...

    code-prettify:html 中源代码的自动语法高亮显示。 基于 google-code-prettify

    这是 AMD 模块中的一个示例: define ( [ 'jquery' , 'prettify' ] , function ( $ , prettify ) {var code = null ;$ ( 'pre' ) . addClass ( 'prettyprint' ) . each ( function ( idx , el ) {code = el . ...

    matlab代码续行-google-code-prettify:google-code-prettify

    `google-code-prettify`会自动识别`lang-matlab`类,并为MATLAB代码进行语法高亮。 总结起来,MATLAB代码续行是通过在行尾添加反斜杠实现的,而`google-code-prettify`是一个用于网页上的代码美化工具,对于在HTML...

    Google Code Prettify

    Google Code Prettify 是一个由 Google 开发的开源 JavaScript 库,主要用于网页上代码的语法高亮显示。这个工具能够自动识别多种编程语言,并将源代码格式化为色彩鲜明、易于阅读的形式,提升代码在网页上的展示...

    matlab代码续行-google-code-prettify:自动从code.google.com/p/google-code-pretti

    3. **自动格式化**:一旦设置了正确的标记,Google Code Prettify会自动识别MATLAB代码,并应用合适的语法高亮。它会根据MATLAB的语法规则对变量、函数、运算符等进行不同颜色的区分,使得代码结构清晰。 4. **...

    ember-code-prettify:Ember.js插件,用于使用Google Code Prettify语法突出显示

    Ember Code Prettify公开了一项服务,以在Ember.js路由和组件中触发 Prettify语法高亮显示。 安装 ember install ember-code-prettify 组态 没有配置,Ember Code Prettify将使用默认的外观和语言。 以下配置导入...

    jquery.ex-code-prettify:为 Google Code Prettify 添加执行功能的 jQuery 插件

    jquery.ex-代码美化 Ex Code Prettify 是一个基于 Google Code Prettify 的语法高亮 jQuery 插件。您可以通过使用现场编辑/执行源代码的功能和动态导入外部CSS/JS文件的功能在您的网站上实现现场演示功能。

    前端项目-prettify.zip

    【前端项目-prettify.zip】是一个包含JavaScript模块和CSS文件的压缩包,其主要功能是在HTML页面中对源代码段进行语法高亮显示。这个工具对于前端开发者来说非常实用,因为它能够使代码更加易于阅读和理解,特别是在...

    code-prettify:使用Prettify库自动突出显示WordPress的WordPress插件。 没有简码,没有类名,太棒了

    代码整理贡献者:kasparsd 标签:代码,pre,高亮,高亮,荧光笔,语法,语法高亮,美化至少需要:3.0 经过测试:5.4 稳定标签:后备箱使用Prettify库100%自动突出显示代码。 没有简码,没有类名,完全自动且超赞。...

    Prettify 代码高亮 源码 css js

    Prettify 是 Google 推出的一个开源项目,主要用于 JavaScript、CSS 和 HTML 等编程语言的语法高亮。在网页开发中,代码高亮能够帮助开发者更快速地理解和分析代码,提高工作效率。 **Prettify 的工作原理**: ...

Global site tag (gtag.js) - Google Analytics