首页 > 编程语言 >javascript实现代码高亮

javascript实现代码高亮

时间:2023-04-06 16:01:28浏览次数:60  
标签:脚本 插件 Javascript 高亮 编程语言 代码 javascript 语法


9款有用的Javascript代码高亮脚本

 

语法突出显示非常重要,尤其是当我们想在博客上展示我们的代码示例时。通过在博客上启用语法突出显示,读者可以更轻松地阅读代码块。

 

我们周围有很多免费且有用的语法突出显示脚本。大多数脚本都是使用Javascript编写的,尽管其中一些脚本由其他编程语言(如Phyton或Ruby)提供支持。

 

今天,我们将研究由Javascript提供支持的9个语法突出显示脚本

 

1. 语法荧光笔

 

我相信这是我们大多数人最常用的语法突出显示脚本。它支持许多不同的语言,如果默认情况下不支持,您可以轻松为您的语言创建新的“画笔”。查看由Abel Braaksma编制的自定义画笔列表

2. SHJS

 

SHJS 代表 Javascript 中的语法高亮。它使用来自GNU Source-highed的语言肮脏,并支持许多不同的编程语言。SHJS已经过测试,支持Firefox 2和3,IE 6和7,Opera 9.6,Safari 3.2和Chrome 1.0等主要浏览器。

3. 代码之美

 

beautyOfCode是一个用于语法突出显示的jQuery插件。它使用Alex Gorbatchev的SyntaxHighlight脚本,使其更符合XHTML。

4. 智利

 

Chili是一个jQuery代码语法高亮插件。它捆绑了许多语言的配方,并支持许多配置选项。

5.更轻.js

 

Lighter.js是MooTools的免费语法高亮插件。使用打火机.cs就像向网页添加单个脚本一样简单。

6.亮点.js

 

Highlight.js易于使用并支持许多编程语言。它有一些插件,可以轻松集成到其他CMS,论坛或博客。

7. 亮点

 

DlHighlight 是一个简单的语法高亮脚本,仅支持 4 种编程语言:JavaScript、CSS、XML、HTML。

8. 谷歌代码美化

 

Google Code 美化一个 Javascript 模块和 CSS 文件,允许在 html 页面中突出显示源代码片段的语法。它是脚本的力量 code.google.com。

9.

 

JUSH是另一个jQuery语法高亮插件,它支持不同的编程语言,如HTML,CSS,PHP,PY和SQL。

 

 


标签:脚本,插件,Javascript,高亮,编程语言,代码,javascript,语法
From: https://blog.51cto.com/u_8895844/6173500

相关文章

  • PhpStorm、PyCharm、WebStorm恢复代码(附:git撤销commit、add操作)
    由于同时管理多个项目,多种开发语言同步开发,开了好多个Git窗口。今天在提交python某项目的时候不小心在vue的项目中执行了gitadd、gitcommit操作,在push的时候悬崖勒马,于是故事开始了:我先回滚了commit,接着想把add也回滚一下,结果直接回滚到了上次提交的那个节点上,哦豁,新写的代码........
  • JavaScript超大文件上传解决方案:分片断点上传(一)
    ​ 前段时间做视频上传业务,通过网页上传视频到服务器。视频大小小则几十M,大则1G+,以一般的HTTP请求发送数据的方式的话,会遇到的问题:1,文件过大,超出服务端的请求大小限制;2,请求时间过长,请求超时;3,传输中断,必须重新上传导致前功尽弃; 解决方案:1,修改服务端上传的限制配置;Nginx以......
  • 把本地代码提交码云上的详情流程
    第一步:先在码云上登录账号第二步:创建代码库第三步:在本地拉取代码库gitclone+创建代码库地址第四步:touchce.txt创建文件第五步:gitaddce.txt提交代码到本地代码库第六步:gitcommit-m"备注说明"第七步:gitpushoriginmaster提交本地代码到线上代码库如果......
  • 深度学习—ResNet_CIFAR100代码
        1'''2参考资料:PyTorch官方文档3'''45#导入所需的包6importtorch7importwandb8importtorch.nnasnn9fromtorchvisionimporttransforms10fromtorchvision.datasetsimportCIFAR10011fromtorch......
  • 架构师日记-如何写的一手好代码
    作者:京东零售刘慧卿一前言在日常工作中,我经常听到部分同学抱怨代码质量问题,潜台词是:“除了自己的代码,其他人写的都是垃圾,得送到绞刑架上,重构!”。今天就来聊一聊,如何写的一手好代码。要回答这个问题之前,得先弄清楚一个问题,好代码的标准是什么?易阅读,可扩展,高内聚,低耦合,编程范式,设计......
  • 全网最详细中英文ChatGPT-GPT-4示例文档-会议笔记文档智能转摘要从0到1快速入门——官
    目录Introduce简介setting设置Prompt提示Sampleresponse回复样本APIrequest接口请求python接口请求示例node.js接口请求示例curl命令示例json格式示例其它资料下载ChatGPT是目前最先进的AI聊天机器人,它能够理解图片和文字,生成流畅和有趣的回答。如果你想跟上AI时代的潮流......
  • Javascript中扁平化数据结构与JSON树形结构转换详解
    Javascript中扁平化数据结构与JSON树形结构转换详解原文链接:https://www.jb51.net/article/247525.htm+目录一.先说简单的树形结构数扁平化处理二.再讲将扁平化数据结构转JSON树状形结构扩充一个知识点:forin与forof的区别:总结不废话,直接开干一.先说简单的树形结构数......
  • 网络对抗实验四-恶意代码分析
    Exp4恶意代码分析实验基础实验目标1.监控自己系统的运行状态,看有没有可疑的程序在运行。2.分析一个恶意软件,就分析Exp2或Exp3中生成后门软件;分析工具尽量使用原生指令或sysinternals,systracer套件。3.假定将来工作中你觉得自己的主机有问题,就可以用实验中的这个思路,先整个......
  • 方法定义,Date和JSON对象,及JavaScript式面向对象编程
    一.方法1.方法的定义 方法就是把函数放在对象里面,对象有两个东西:属性和方法通过对象名.方法名()使用a.第一种方法定义<script>varsetFun={name:"maming",birth:2002,//方法:被包含在对象之中age:function(){varnow=ne......
  • VS2012、VS2013、VS2015、VS2019 代码自动注释插件【2】
    Git代码自动注释工具源码地址 VS2010、VS2012、VS2013的代码自动注释插件。安装该插件后,可以在VS的菜单中显示“注释”主菜单,可以给类、函数、成员添加标准的注释,与Doxygen配合使用,可以直接生成项目的注释文档。【插件下载】高版本的VS,可以下载源码后,自行编译使用。【插件安装】......