我使用的版本: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>
相关推荐
谷歌的Prettify是一款流行的代码高亮插件,主要用于网页中的源代码展示,提供美观的语法高亮效果,使得代码更易读、易理解。它适用于多种编程语言,包括但不限于HTML、CSS、JavaScript、Python、Java、C++等。这款...
"google-code-prettify" 是一个JavaScript库,主要用于在网页中对源代码进行美化和高亮显示。这个库尤其适用于那些需要展示编程代码或者技术文档的网站,它可以帮助提升代码的可读性和视觉吸引力,使得代码片段更加...
Google Prettify是一个强大的JavaScript库,它能够自动格式化和高亮显示代码片段,使得代码在网页上展示时更具美感,便于阅读和理解。这个工具对于博客作者、开发者以及那些需要在线分享代码的人来说尤其有用。 ###...
最后,为了展示代码,可以使用`<pre>`标签包裹代码段,并加上`class="prettyprint linenums"`,`linenums`选项可以为每一行代码添加行号。例如: ```html // 你的代码 ``` 以下是一个完整的示例,展示了如何在...
`google-code-prettify` 是一个轻量级的JavaScript库,主要用于在网页上对代码片段进行语法高亮显示。它是由Google开发并开源的一个工具,旨在使代码在网页上的展示更加美观、易读。这个库特别适合那些需要展示大量...
总的来说,Prettify 是一个简单易用且高效的代码高亮解决方案,适合那些希望快速实现代码美化而不需要复杂配置的开发者。通过 CSS 的灵活调整,你可以让代码在网页上展现出专业且美观的展示效果。
《code-prettify-master:网页代码高亮显示插件详解》 在网页开发中,代码的展示是一项重要的任务,无论是为了教学、分享还是调试,都需要让代码清晰易读。`code-prettify-master`就是这样一款专门用于代码高亮显示...
此外,还可以与其他库(如Prism.js)结合,以获得更丰富的特性,如行号显示、复制代码按钮等。 7. **其他相关资源** - 官方GitHub仓库:https://github.com/google/code-prettify - CSDN博客文章:...
对于更复杂的用例,Google Code Prettify提供了扩展功能,例如自定义语言处理程序(lang-XXX.js)、支持行号显示、内联代码片段以及自定义CSS样式。开发者可以根据项目需求,通过配置参数或引入额外的JavaScript文件...
5. **其他功能**:除了基本的语法高亮,Google Code Prettify还支持其他功能,例如行号显示、折叠代码块、以及处理内联代码等。 在解压的文件`google-code-prettify-master`中,你将找到项目的源代码、示例、文档和...
1. **多语言支持**:Code Prettify 可以识别并高亮显示包括但不限于 C、C++、Java、Python、JavaScript 在内的众多编程语言代码。 2. **自动识别**:插件会自动检测代码块,无需手动添加特定的类名或属性。 3. **...
状态:已存档 该存储库已存档,不再维护。JavaScript代码修饰符公告:... script src =" https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js " > </ script > 请参阅以使用所需
- **Prettify**:这是Google开发的一个JavaScript库,也适用于代码高亮。 - **Java2Html**:这是一个Java库,可以直接将Java源代码转换为HTML,包含语法高亮功能。 - **JCodeViewer**:对于Java Swing应用,...