0.14.7 • Published 5 months ago
shiki-renderer-svg v0.14.7
shiki-renderer-svg
A SVG renderer for Shiki.
Usage
const fs = require('fs')
const shiki = require('shiki')
const { getSVGRenderer } = require('shiki-renderer-svg')
;(async () => {
const highlighter = await shiki.getHighlighter({
theme: 'nord'
})
const svgRenderer = await getSVGRenderer({
bg: '#2E3440',
fontFamily: 'IBM Plex Mono',
fontSize: 14
})
const code = fs.readFileSync('gen-svg.js', 'utf-8')
const tokens = highlighter.codeToThemedTokens(code, 'js')
const out = svgRenderer.renderToSVG(tokens)
fs.writeFileSync('svg.svg', out)
console.log('done: svg.svg')
})()
CDN
<script src='https://unpkg.com/shiki'></script>
<script src='https://unpkg.com/shiki-renderer-svg'></script>
<script>
;(async () => {
const highlighter = await shiki.getHighlighter({
theme: 'nord'
})
const svgRenderer = await shiki.getSVGRenderer({
bg: '#2E3440',
fontFamily: 'IBM Plex Mono',
fontSize: 14
})
const code = document.getElementById('input').value
const tokens = highlighter.codeToThemedTokens(code, 'js')
const out = svgRenderer.renderToSVG(tokens)
document.getElementById('output').innerHTML = out
})()
</script>
0.14.7
5 months ago
0.14.6
5 months ago
0.14.5
7 months ago
0.14.3
11 months ago
0.14.4
8 months ago
0.13.0
1 year ago
0.14.0
1 year ago
0.14.1
1 year ago
0.14.2
1 year ago
0.11.0
2 years ago
0.10.0
2 years ago
0.10.1
2 years ago
0.9.7
3 years ago
0.9.6
3 years ago
0.9.5
3 years ago
0.9.4
3 years ago
0.9.3
3 years ago
0.9.0
3 years ago
0.2.0
4 years ago