markdown-it 官方demo markdown-it 文档 1、配置highlightjs,针对markdown中各种语言高亮,针对对应的标签 pre code 里面的样式 -- index.js 2、 index.html 3.package.json 4、readme
constmd=require('markdown-it')().use(require('markdown-it-highlightjs'),{inline:true}) You can specify the language for inline code usingPandoc syntax: `x=4`{.js} Orkramdown IAL syntax: `x=4`{:.js} If you do not specify a language, then highlight.js will attempt to guess the...
<template> <div id="editor"> <div v-html="result"></div> {{result}} </div> </template> <script> import MarkdownIt from 'markdown-it' import hljs from 'highlight.js' import 'highlight.js/styles/agate.css' export default { name: 'editor', data() { return { md: MarkdownIt(...
"@traptitech/markdown-it-katex": "^3.6.0", "@vueuse/core": "^9.13.0", "highlight.js": "^11.7.0", "katex": "^0.16.4", "markdown-it": "^13.0.1", "markdown-it-highlightjs": "^4.0.1", "naive-ui": "^2.34.3", "pinia": "^2.0.32", "vue": "^3.2.47", 10 chan...
var result = md.render('# markdown-it rulezz! \n\n```html <pre><code class="js">...
查看highlight.js 显示效果 前往官网https://highlightjs.org/static/demo/查看 显示模板效果 添加文件 html <!--引入相应文件 这里用的 cdn加速 --><linkrel="stylesheet"href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.5.1/build/styles/default.min.css"/><scripttype="text/javascript"...
highlight.js plugin for markdown-it. Contribute to tylingsoft/markdown-it-highlight development by creating an account on GitHub.
markdown-it-abbr- Add abbreviations markdown-it-anchor- Add anchors markdown-it-deflist- Add definition lists markdown-it-emoji- Add emojis markdown-it-footnote- Add footnotes markdown-it-highlightjs- Add highlighting for code blocks
更大的好消息来了!markdown-it已经将highlight.js集成进去了,直接设定一些配置即可,并且我们需要先将该库下载下来。具体的可以看markdown-it中文官网 - 高亮语法配置(opens new window) 同时在目录highlight.js/styles/下有很多很多的主题,可以自行导入
背景介绍 最开始的使用想用misaka+pygments去实现了,无奈对最后的效果不满意,无法自动识别以及样式难看,google了下发现了highlight.js这个好东西。...