@ryusei/light
Version:
<div align="center"> <a href="https://light.ryuseijs.com"> <img alt="RyuseiLight" src="https://light.ryuseijs.com/images/svg/logo.svg" width="70"> </a>
50 lines (47 loc) • 809 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LineNumbers</title>
<link href="../../../../dist/css/themes/ryuseilight-ryusei.min.css" rel="stylesheet">
<style>
.rl__container {
border-radius: .5rem;
overflow: hidden;
}
</style>
</head>
<body>
<h3>Options</h3>
<pre>
1
2
3
4
5
6
7
8
9
</pre>
<h3>Data Attribute</h3>
<pre data-rl-line-numbers="120">
1
2
3
4
5
6
7
8
9
</pre>
<script src="../../../../dist/js/ryuseilight.min.js"></script>
<script src="../../../../dist/js/components/gutter.min.js"></script>
<script src="../../../../dist/js/components/line-numbers.min.js"></script>
<script>
const ryuseilight = new RyuseiLight();
ryuseilight.apply( 'pre', { language: 'none', lineNumbers: true } );
</script>
</body>
</html>