代码高亮插件prettyPrint.js使用

最新推荐文章于 2025-05-17 13:25:32 发布

你认识小汐吗

最新推荐文章于 2025-05-17 13:25:32 发布

阅读量7.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： prettyprint js插件

本文链接：https://blog.youkuaiyun.com/sayoko06/article/details/80980245

prettyprint 同时被 2 个专栏收录

1 篇文章

订阅专栏

js插件

1 篇文章

订阅专栏

本文介绍了一种通过使用prettify.js和prettify.css来实现网页中代码块自动语法高亮的方法。具体步骤包括：引入文件、设置body的onload事件、为pre标签添加特定的CSS类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一步，引入prettify.js和prettify.css

<script src="js/prettify.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/prettify.css"/>

第二步，在body的onload事件里添加函数onload=”prettyPrint()”

<body onload="prettyPrint()">

第三步，pre标签添加CSS类“prettyprint linenums”

<pre class="prettyprint linenums">${contetn}</pre>

也可以这样，使用js动态添加

$(document).ready(function() {
$(".entry-content pre").addClass("prettyprint linenums");
});

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

你认识小汐吗

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

WordPress自动代码高亮插件Code Prettify插件

T19900的博客

03-24

249

Code Prettify 是一款轻量级的 WordPress 代码高亮插件，由 Google 开发，专为在网页上美化代码显示而设计。它支持多种编程语言，能够自动检测代码并进行语法高亮，无需手动添加标签。该插件适用于技术博客、开发者文档站点以及任何需要展示代码的 WordPress 站点，提供简洁高效的代码美化效果。Code Prettify 是一款简单高效的 WordPress 代码高亮插件，适合开发者和技术博客站长使用。它无需复杂配置，兼容各种主题，且不会影响网站性能。

SwiftPrettyPrint:Swift的漂亮打印

03-21

参与评论您还未登录，请先登录后发表或查看评论

js的pretty print

冯建华的专栏

12-15

7822

ie 2. firefox 的firebug没有pretty print功能，需要使用javascript-deminifier https://addons.mozilla.org/zh-cn/firefox/addon/javascript-deminifier/ 大家都知道，前端开发的firebug这个利器。但是有的时候想学习...

SyntaxHighlighter：JS代码高亮与格式化插件完全指南

最新发布

weixin_33759613的博客

05-17

745

提供用户自定义代码显示样式的设置是提升用户体验的重要方式。这可以通过以下手段实现：主题选择器：提供一个下拉菜单或滑块组件让用户选择不同的代码高亮主题。选项保存：允许用户保存他们的代码显示偏好设置，并在下次访问时恢复。自定义CSS：提供接口让用户直接编辑代码块的CSS样式，以满足特定的视觉需求。在下一章节中，我们将进一步探讨syntaxhighlighter的高级功能，包括支持的多种编程语言高亮、插件的自定义与扩展，以及性能优化与调试等关键内容。

python pprint_让我们来谈谈python中的prettyprint

weixin_39597868的博客

11-21

547

前言当你开始学习python编程的时候，你做的第一件事是什么?相信我们都已经通过“Hello World”程序开始了我们的python之旅。在python中，它可以在一行中完成:print(“Hello World”)但是，在使用print()函数打印字典、列表或任何其他复杂数据类型时，您是否遇到过这种痛苦呢?由于不适当的缩进问题，我们经常在python嵌套数据结构的输出中遇到可读性方面的困难。让...

让Python输出更漂亮：PrettyPrinter

python学习者的博客

11-05

2801

分享一个很实用的Python小工具，文章不是我原创，原文出自Introducing PrettyPrinter for Python，译文出处未能找到，如果有同学知道麻烦提醒我一下。 PrettyPrinter是Python 3.6 及以上版本中的一个功能强大、支持语法高亮、描述性的美化打印包。它使用了改进的Wadler-Leijen布局算法，和Haskell打印美化库中的prettyprint...

代码高亮插件prettyPrint.js使用与下载

ZhXXX的专栏

05-24

4193

在我们写博客或文章的时候可能会在pre标签中插入代码，但是原生的pre标签代码显示比较单一，不易突出重点不方便阅读，幸好有prettyPrint.js，一个Google代码高亮插件，实现代码高亮显示。演示效果使用方法：第一步，引入prettify.js和prettify.css src="js/prettify.js" type="text/javascript

google代码高亮插件prettify

09-26

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

wordpress代码高亮插件

05-06

wordpress代码高亮插件将下面这段代码放在Header中，自动为pre添加prettyprint linenums属性。  <script type="text/javascript"> jQuery(document).ready(function () { ...

Prettyprint 项目使用教程

gitblog_00010的博客

05-12

482

Prettyprint 项目使用教程 1、项目介绍 prettyprint 是一个用于终端输出的语法高亮库，能够为终端中的文本提供美观的格式化输出。该项目基于 bat，并将其部分功能封装为一个库，方便开发者在自己的命令行工具中使用。prettyprint 提供了多种功能，包括行号显示、内置颜色主题、自动分页、适当的终端处理、显示不可打印字符、文件头信息以及 Windows 支持等。 2、项目快速启...

让我们来谈谈python中的prettyprint和pprint

数据森麟

10-30

3346

使用prettyPrint.js提升你的JavaScript调试体验

gitblog_00002的博客

05-10

364

使用prettyPrint.js提升你的JavaScript调试体验项目介绍 prettyPrint.js 是一个强大的在浏览器内运行的JavaScript变量打印工具，灵感来源于ColdFusion的cfdump标签。它提供了清晰易读的输出形式，让你在调试代码时能够更直观地查看和理解数据结构。项目技术分析 prettyPrint.js具备以下核心特性：独立性：无需依赖任何样式表或图片，即...

Print Pretty

半雨微凉

04-07

665

内容：说明：cout输出double类型数据的格式化示例代码：// Print_Pretty.cpp: 定义控制台应用程序的入口点。 // #include "stdafx.h" #include <iostream> #include <iomanip> using namespace std; //by zhaocl int main() { int T; ...

Chrome反压缩JS代码：Pretty Print显示可读代码

Jq的博客

10-27

3864

按快捷键fn+f12,打开检查，点击 Sources中的一个html 或js文件，点击**大括号{}**图标，即可使用Prerry Print功能了。这时是反压缩后的代码：

Python语言的Human-Readable Print(Pretty Print)

水逝流年

08-24

2780

1、XML元素在xml的解析中，常常需要打印一个xml元素，但是，如果简单的print element_name，将会只得到""这样的输出。显然，这不是我们想要的。利用lxml，也可以非常方便地美观打印xml元素，来显示xml元素的结构。方法如下： #!/usr/bin/python #-*-coding:utf-8-*- from lxml import etree print etr

pprint --- 数据美化输出函数 PrettyPrinter 对象示例——《跟老吕学Python编程》

Python老吕的博客

04-25

746

pprint 模块是 Python 的一个标准库，它提供了一个函数和一个类，用于生成格式化的输出，特别是对于嵌套的数据结构如字典和列表。pprint 的名字源自 “pretty print”，即美观地打印。可以使输出的数据结构更加清晰和易读。特别是在处理嵌套的数据结构时，美观的输出可以大大提高代码的可读性和可维护性。函数的功能相似，但提供了更多的灵活性。对象，并多次使用它来打印不同的对象。从示例中可以看到，使用。

html js css pretty,javascript - Simple HTML Pretty Print - Stack Overflow

weixin_29065015的博客

06-27

175

This may be a futile effort, but I personally think its possible.I'm not the best at Javascript or jQuery, however I think I have found a simple way of making a simple prettyprint for html.There are f...

prettyprint 开源项目教程

gitblog_00088的博客

08-27

894

prettyprint 开源项目教程项目介绍 prettyprint 是一个用于美化打印数据结构的Python库，它使得复杂的数据结构在打印到控制台时更加易于阅读和理解。这个工具通过提供自定义的缩进、换行以及排序选项，帮助开发者在调试过程中清晰地查看对象的状态，特别是对于嵌套较深的对象。prettyprint利用了Python的强大特性，改进了标准的打印功能，使之更适合人类阅读。项目快速启动...

Prettify：为CSS和JS代码提供高亮的解决方案

为了让页面加载完成后自动对代码进行高亮，需要在引入Prettify脚本后调用`prettyPrint()`函数。 ```html prettyPrint(); ``` 通常，可以将此脚本放在所有`<pre>`元素之后，确保页面加载完毕后执行： ```html ...