highlight代码高亮

下载highlight.js

"highlight.js": "^10.5.0"

main.js文件中引入

import { vuePlugin } from "@/views/highlight";

import "highlight.js/styles/atom-one-dark-reasonable.css";

Vue.use(vuePlugin);

views文件夹下创建highlight.js

const hljs = require("highlight.js/lib/core");

hljs.registerLanguage("xml", require("highlight.js/lib/languages/xml"));

hljs.registerLanguage("json", require("highlight.js/lib/languages/json"));

module.exports = hljs;

使用：

<highlightjs :language="previewType" :code="previewResult" />

previewResult: "",

previewType: "xml",

highlight代码高亮相关推荐

html代码高亮带行号,highlight代码高亮插件的使用（带行号）个人博客必备
拥有个人博客的朋友应该很需要这样的插件,highlightjs代码高亮插件能让你的博客代码看起来更漂亮,让你的博客上一个档次,至于效果,直接看博主的个人博客就行了. 下载highlight代码高亮插件 ...
Highlight – 代码高亮html输出软件
2019独角兽企业重金招聘Python工程师标准>>> 由于只是偶尔有文章涉及代码, 为此安装一个插件实在不值得. 而且插件有依赖性, 如果哪天不想用插件了,原来的页面可能会变得很乱 ...
Ghost本地安装highlight.js使代码高亮
对于程序猿写博客来说,这代码高亮是起码的要求.可是Ghost本身没有支持高亮代码. 可是能够通过扩展来实现,它就是highlight.js--附官方站点,看了下首页介绍,真的非常强大,如今说说怎么进行 ...
vue 中使用 marked + highlight.js 代码高亮
markdown 代码高亮需要依赖 npm install marked --save npm install highlight.js --save 这里使用的主题是monokai-sublime ...
js实现html代码高亮,使用highlight.js高亮代码
先附上highlight.js的github项目地址废话不多说,直接上操作步骤找到你需要的语言,官网会帮你打包好,下载就完事儿了~ image.png 2.在你下载好的文件里面,找到 styles ...
代码高亮的可行性方案，highlight.js
概述在博客或者文档中,通常会需要会需要高亮显示代码,这通常需要满足屏幕大,高刷(-bushi), 应该是配色好看,插件生态丰富.目前实现代码分割的主要是两个库PrismJS,highlight.js ...
highlight.js代码高亮后把空格替换成了无间断空格U+00A0
原文链接:http://xs.deld.vip/article/show/10.html 前端高亮正确,但复制高亮后的代码空格被处理成了无间断空格U+00A0 示例: 复制到的代码粘贴到viscode ...
Vue3+vite使用 Highlight.js代码高亮实现网页代码显示
Vue3+vite使用 Highlight.js代码高亮实现网页显示代码这里只展示了Vue中如何使用,如需要其他使用或者自定义高亮,请访问 Highlight.js官网安装npm install ...
highlight.js（代码高亮插件）
highlight.js(代码高亮插件) 官网用法查看核心 API Highlight.js 将一些函数导出为hljs对象的方法强调 highlight(code, {language, ign ...

highlight代码高亮

highlight代码高亮相关推荐

最新文章

热门文章