最新文章

最热文章

Nginx配置文件 Nginx- uwsgi 部署Django项目

绕过自动化检测：使用undetected_chromedriver实现高效Web自动化

使用 Playwright 和 Stealth 模式绕过网站检测

破解cloudflare验证&部署服务器

利用 DrissionPage 绕过cloudflare验证

文章归档

Django 用户认证用户邮箱登录邮箱注册 ORM or,and,not form.py FORM ModelForm Paginator 分页 HTMl JQuery 定位元素 ajax django切片 restfulapi 跨域 Ubantu Python Mysql Scrapy 爬虫导出 Python读写 Pycharm 破解 session re sqlit3 生成式其他 Prism 富文本 CSS Nginx 部署请求头抓包协议 selenium Ubuntu 宝塔 AI Comfy-ui ollama dify open-webui Git docker

prism.js Line-numbers 插件让代码显示行数 ---设置让插件生效

张建行 2021年11月2日 20:01 35 文章标签： Django HTMl Ubantu Python Prism 富文本 CSS 部署

prism插件让代码显示行数

*所有的插件效果都可以去查看一下官方文档，都很简单，一般只需要加上一个对应的类型就能生效某个插件效果 *
Line Numbers插件官方文档

整体使用比较简单，但需要搞清楚如何让插件生效，否则不会显示代码行数

根据文档得知要想显示代码行数，只需要给显示代码的父类标签加上 line-numbers 这个类名就OK了，如果类名是on-line-numbers 则代表不会生效
以实际项目为例，代码显示在div标签中则给父类body标签加上 class=“line-numbers” 则会让body标签中的代码都生效插件效果
插件没有生效的效果
插件生效之后的效果，很明显会显示出代码行数

类似的插件比如匹配括号，彩虹括号

{# line-numbers 让代码行数生效 match-braces 匹配括号 rainbow-braces 显示彩虹括号#}
<body class="line-numbers match-braces rainbow-braces">

效果如下图：

在这里插入图片描述

<上一篇

下一篇>

prism插件让代码显示行数

整体使用比较简单，但需要搞清楚如何让插件生效，否则不会显示代码行数

类似的插件 比如匹配括号 ，彩虹括号

类似的插件比如匹配括号，彩虹括号