`
jacobcookie
  • 浏览: 94219 次
社区版块
存档分类
最新评论

Google prettify 不显示行号解决方法

阅读更多

 

    我使用的版本:prettify-small-4-Mar-2013.tar.bz2

   

    我的解决方法:

   

1、删掉prettify里的这两个样式。
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}

2、替换以下内容,已经存在的替换,不存在的新增。
pre.prettyprint {
 padding: 8px;
 background-color: #f7f7f9;
 border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
 -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
 -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
 box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
 margin: 0 0 0 33px; /* IE indents via margin-left */
} 
ol.linenums li {
 padding-left: 12px;
 color: #bebec5;
 line-height: 18px;
 text-shadow: 0 1px 0 #fff;
}
3、在<pre>标签里面一定不能有<br/>标签,要换行直接回车.

   

    替换后,感觉效果没有原来的好看。   

   

    ps:后面再次测试,写法不对,应该这样。

<body onload="window.prettyPrint && prettyPrint();"></body>

 

分享到:
评论

相关推荐

    google代码高亮插件prettify

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

    google-code-prettify

    "google-code-prettify" 是一个JavaScript库,主要用于在网页中对源代码进行美化和高亮显示。这个库尤其适用于那些需要展示编程代码或者技术文档的网站,它可以帮助提升代码的可读性和视觉吸引力,使得代码片段更加...

    Google Prettify 让代码片断变得更漂亮

    Google Prettify是一个强大的JavaScript库,它能够自动格式化和高亮显示代码片段,使得代码在网页上展示时更具美感,便于阅读和理解。这个工具对于博客作者、开发者以及那些需要在线分享代码的人来说尤其有用。 ###...

    bootstrap中使用google prettify让代码高亮的方法

    最后,为了展示代码,可以使用`&lt;pre&gt;`标签包裹代码段,并加上`class="prettyprint linenums"`,`linenums`选项可以为每一行代码添加行号。例如: ```html // 你的代码 ``` 以下是一个完整的示例,展示了如何在...

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

    `google-code-prettify` 是一个轻量级的JavaScript库,主要用于在网页上对代码片段进行语法高亮显示。它是由Google开发并开源的一个工具,旨在使代码在网页上的展示更加美观、易读。这个库特别适合那些需要展示大量...

    Prettify 代码高亮 源码 css js

    总的来说,Prettify 是一个简单易用且高效的代码高亮解决方案,适合那些希望快速实现代码美化而不需要复杂配置的开发者。通过 CSS 的灵活调整,你可以让代码在网页上展现出专业且美观的展示效果。

    code-prettify-master

    《code-prettify-master:网页代码高亮显示插件详解》 在网页开发中,代码的展示是一项重要的任务,无论是为了教学、分享还是调试,都需要让代码清晰易读。`code-prettify-master`就是这样一款专门用于代码高亮显示...

    [HTML] Prettify 代码高亮使用总结 实例代码

    此外,还可以与其他库(如Prism.js)结合,以获得更丰富的特性,如行号显示、复制代码按钮等。 7. **其他相关资源** - 官方GitHub仓库:https://github.com/google/code-prettify - CSDN博客文章:...

    bower-google-code-prettify:Google Code Prettify的Bower软件包

    对于更复杂的用例,Google Code Prettify提供了扩展功能,例如自定义语言处理程序(lang-XXX.js)、支持行号显示、内联代码片段以及自定义CSS样式。开发者可以根据项目需求,通过配置参数或引入额外的JavaScript文件...

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

    5. **其他功能**:除了基本的语法高亮,Google Code Prettify还支持其他功能,例如行号显示、折叠代码块、以及处理内联代码等。 在解压的文件`google-code-prettify-master`中,你将找到项目的源代码、示例、文档和...

    Typecho-CodePrettify:基于Google Code Prettify的Typecho代码高亮插件

    1. **多语言支持**:Code Prettify 可以识别并高亮显示包括但不限于 C、C++、Java、Python、JavaScript 在内的众多编程语言代码。 2. **自动识别**:插件会自动检测代码块,无需手动添加特定的类名或属性。 3. **...

    将java代码生成html并且高亮显示的类

    - **Prettify**:这是Google开发的一个JavaScript库,也适用于代码高亮。 - **Java2Html**:这是一个Java库,可以直接将Java源代码转换为HTML,包含语法高亮功能。 - **JCodeViewer**:对于Java Swing应用,...

    code-prettify:可嵌入的脚本,使HTML中的源代码片段更漂亮

    状态:已存档 该存储库已存档,不再维护。JavaScript代码修饰符公告:... script src =" https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js " &gt; &lt;/ script &gt; 请参阅以使用所需

Global site tag (gtag.js) - Google Analytics