美化页面代码--(如果浏览器页面有代码片段,可以添加高亮美化)

英文文档(更全): https://highlightjs.readthedocs.io/en/latest/index.html

中文文档: https://fenxianglu.cn/highlight.html

1 . 下载此插件到项目中==一定要带.js名字==yarn add highlight.js -S2 . 在main.js 引入即可import hljs from 'highlight.js' // hljs对象
import 'highlight.js/styles/default.css' // 代码高亮的样式3. 注册高亮代码-自定义指令```jsVue.directive('highlight', function (el) { // 自定义一个代码高亮指令const highlight = el.querySelectorAll('pre, code') // 获取里面所有pre或者code标签highlight.forEach((block) => {hljs.highlightElement(block) // 突出显示这些标签(以及内部代码, 会自动识别语言)})})4. 在铺设文章详情标签使用v-highlight指令即可

美化页面代码--(如果浏览器页面有代码片段,可以添加高亮美化)相关推荐

火狐怎么放大页面？火狐浏览器页面放大技巧
和许多浏览器产品一样,火狐浏览器也支持用户对当前页面进行缩放.当然,不同浏览器产品,页面缩放功能隐藏的位置也各不相同!那么,火狐怎么放大页面呢?下面是小编分享的火狐浏览器页面放大技巧,感兴趣的朋友可不 ...
vue 服务器代码更新浏览器页面不更新
因浏览器缓存原因导致vue 打包的文件导致偶尔会出现不能即使更新最新代码.因此在打包的文件名中添加一个版本号以便浏览器能区分. 解决方法:找到webpack .prod.conf.js 1.定义版本 ...
idea修改项目代码，浏览器页面不生效解决方案
使用快捷键ctrl + shift + delete,清理浏览器缓存 1.问题描述 idea修改前端项目代码,运行谷歌浏览器不起作用. 我也试过 rebuild project, 重启idea,等方法 ...
vue项目保存代码后浏览器页面自动更新
vue.config.js种添加如上红色色框内内容,其中8081替换为自己电脑的主机号
浏览器控制台执行代码_JavaScript 和浏览器那些事
我要推荐一本书,<javascript 忍者秘籍2>,每次阅读都有不一样的收获.这次推荐,我想对于每一个章节里我不懂的地方,或者说我认为重要的地方说一说. 关于这些知识点网上百度搜一大堆, ...
微信小程序开发——以简单易懂的浏览器页面栈理解小程序的页面路由
前言: 对于小程序的页面路由,如果没有一定开发经验的话,理解起来还是会有些困难的.哪怕是有一定小程序开发经验的开发者,能够完全理解掌握的恐怕也不多. 这里就以另外一种方式来详细的介绍小程序的页面栈及路 ...
php 206实现微信浏览器,PHP实现限制页面只能在微信自带浏览器访问的代码
PHP实现限制页面只能在微信自带浏览器访问的代码发布于 2015-02-15 11:58:02 | 142 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hype ...
vscode保存代码，浏览器自动刷新页面
一.Live Server 之前挺好用的,但是今天发现Live Server可以运行到浏览器,但是保存代码之后不能自动刷新浏览器了.经过查资料,试了以下方法: 前提:在文件夹中运行 1.将vscode ...
php退出页面父元素,jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码...
iframe和弹窗这些词对于js高手来说都是耳熟能详的东西,作为一个新人来说,还在学习阶段的我就在工作中遇到这么一个奇葩的需求,要在引入的iframe页面里做一个全屏化的功能. 粗略一看,这还不容易, ...

美化页面代码--(如果浏览器页面有代码片段,可以添加高亮美化)

美化页面代码--(如果浏览器页面有代码片段,可以添加高亮美化)相关推荐

最新文章

热门文章