前端如何引入代码高亮插件

最新推荐文章于 2024-01-23 06:00:00 发布
最新推荐文章于 2024-01-23 06:00:00 发布
阅读量610 收藏
点赞数
分类专栏： 前端 文章标签： css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43707531/article/details/104657882
版权

前端如何引入代码高亮插件

1.访问地址

https://github.com/prismJS/prism

2.进行下载
在这里插入图片描述
在这里插入图片描述
勾选好自己需要的内容之后
在这里插入图片描述
3.如何使用可查看官网介绍
在这里插入图片描述
4.新建目录prism
在这里插入图片描述
5.将下载文件放入其中
6.接下来引入css，js即可
7.基本使用

<pre><code class="language-css">p { color: red }</code></pre>

引入改代码快即可

大汗水
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端显示代码高亮
07-18
将插件引进javaweb项目之后，可以使得我们的代码显示为高亮和前面有行号
又推荐一款代码高亮插件——prism.js
那记忆搁浅的博客
08-02 4773
这是国外的一款js插件，里面也有很多样式可以自定义。 https://prismjs.com/ 进入首页后点击download，然后就进入自定义的页面了。 选择你要的主题，代码语言，还有js插件包，然后点最下面的两个大按钮下载js和css 接着就是在你要使用的页面中引入这个js和css咯。。 然而。。你引入后可能会发现你的代码并没有变化。。那是因为这个插件默认是对带有class*=l...
前端代码语法高亮编辑器
03-16
超过 120 种语言的语法高亮显示（可以导入TextMate/Sublime/ .tmlanguage文件） 超过 20 个主题（可以导入TextMate/Sublime/ .tmtheme文件） 自动缩进和升级 一个可选的命令行 处理巨大的文档（最后检查，4,000,000 ...
highlight-OneNote 2016代码高亮插件.zip
06-24
《OneNote 2016代码高亮插件——highlight详解》 在信息化时代，代码已经成为程序员们交流的重要工具，而高效地展示和阅读代码，不仅能让编程工作更轻松，也能提升团队协作的效率。OneNote 2016作为微软出品的一款...
Highlightjs是一个用JavaScript写的代码高亮插件
08-09
Highlight.js 是一个强大的、轻量级的JavaScript库，专门用于代码高亮显示。这个插件不仅适用于前端开发，还可以在服务器端应用，为开发者提供了便捷的方式来美化网页中的代码块，使其更易读、更具吸引力。由于它不...
代码高亮prism插件
06-01
Prism是一款广泛使用的代码高亮插件，尤其在网页开发中深受青睐。它以其快速的渲染速度和简洁易懂的配置而闻名。Prism的主要功能是通过为代码块添加特定的CSS类，来实现不同编程语言的语法高亮，使得代码在网页上更...
前端代码加亮插件（html，jss，css），支持即时加亮，运行代码
本本技术
01-22 379
前端代码加亮插件（html，jss，css），支持即时加亮，运行代码http://bbs.51js.com/viewthread.php?tid=88379   html混合css js语法加亮，支持即时运行，即时编辑在代码区点击鼠标右键执行对应功能！详情见http://tree88.com/?post=4[博客论坛语法加亮插件] &lt;script charset="gbk" src="...
【前端】语法高亮 Prism.js 使用
lsdqyz的博客
12-01 3710
Prism 是一款轻量级、可扩展的语法高亮器，根据现代 Web 标准构建，应用广泛。 本文将介绍 Prism.js 的基础使用。
前端页面插件集成--代码块样式设置（代码高亮 prism）
小L的博客
01-07 846
前端页面插件集成--代码块样式设置（代码高亮 prism），点击进入prismjs.com，选择自己喜欢的代码高亮样式下载下来。引入 CSS 和 JS 样式。 Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in millions of websites, including some of those you visit daily.
jdists 前端代码块预处理工具
伴水之剑
10-28 3341
jdists 前端代码块预处理工具 zswang | 28 Oct 2014 什么是 jdists 项目地址：https://github.com/zswang/jdists 关于命名 j dist s 就是 js 里插入了一个 dist （分发），避免和其他组件命名冲突，同时特殊好记。 本工具专注于前端代码块（js、css、html）预处理。 起因
前端网页代码高亮显示的7种常用插件
06-01 6881
对于喜欢写技术博客的同学来说，一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件，将会帮助你渲染任何一种编程语言，包括一些关键字的着色，以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件，这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。 1、SyntaxHighlighter – 最优秀的J...
web页面代码片段高亮显示，highlight.js库的使用方法
最新发布
m0_64642443的博客
01-23 4350
其实通过观察css和生成的html结构，可以看到每一句代码都是由span标签包裹，且根据不同的代码，添加了不同的class类名所以我们可以改变css中的颜色，来实现自己定制的特点颜色高亮效果这样就实现了自定制的代码高亮效果了更多使用方法可以参考官网highightjs官网highightjs中文官网可以对其插件进一步的封装，完成一些小功能，比如代码复制，代码编写等等。
highlight.js（代码高亮插件）
热门推荐
小王的技术库
05-28 1万+
highlight.js（代码高亮插件） 官网 用法查看 核心 API Highlight.js 将一些函数导出为hljs对象的方法 强调 highlight(code, {language, ignoreIllegals}) 核心高亮功能。接受代码以突出显示（字符串）和选项列表（对象）。该language参数必须存在并指定用于突出显示的语法的语言名称或别名。这ignoreIllegals是一个可选参数，即使在检测到语言的非法语法而不是抛出异常的情况下，真正强制突出显示完成时也是如此。 返回具有以下
JS库之Highlight.js高亮代码
花伤情犹在的博客
10-28 4380
Highlight.js介绍 官网 下载地址：https://highlightjs.org/download/ highlight.js是一个用于在任何web页面上着色显示各种示例源代码语法的JS项目。具有以下特色： 支持 92 种语言，49 种代码格式化风格。 自动检测语言种类 支持多语言混合的代码高亮 支持Node.js 支持使用任何HTML标记 兼容任意js框架 引入 highlight.js 文件 我们需要在页面中同时引入一个 js 文件和一个
[ 插件 ] 程序员必备的代码高亮插件 Highlight.JS
记录开发日常
08-14 4085
代码的样式直接的影响了阅读效果，一个好的代码高亮风格将会有好的体验。 所以就需要用到代码高亮这款插件 Highlight.JS 来优化代码阅读的体验。
vscode前端代码提示插件
09-02
1. HTML CSS Support：该插件提供了对HTML和CSS的语法高亮和智能提示，使你在编写前端代码时更加高效准确。 2. Auto Close Tag：这个插件可以自动关闭HTML标签，避免标签不匹配的错误。 3. Auto Rename Tag：当你...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值