Third party package that enables line numbers on CodeJar code editor for version >= 4. It's already used by ngx-codejar - an Angular wrapper for Codejar.
https://codepen.io/julianpoemp/full/jOjgQzG
CodeJar 4 dropped the line numbers feature. This package returns it.
- Make sure you have CodeJar >= 4.0.0 installed.
- Install codejar-linenumbers
npm install --save codejar-linenumbers
- If you don't want to use ESM you can import this library using the IFFEE build:
<!-- place the CSS file after the HighlightJS/PrismJS stylesheets -->
<link rel="stylesheet" href="<node_modules_dir>/codejar-linenumbers/js/codejar-linenumbers.css"/>
<script type="application/javascript" src="<node_modules_dir>/codejar-linenumbers/js/codejar-linenumbers.min.js"></script>
- If you want to use this library with ESM or Typescript, don't forget to load the
codejar-linenumbers.css
file into your app.
<!-- place the CSS file after the HighlightJS/PrismJS stylesheets -->
<link rel="stylesheet" href="https://unpkg.com/codejar-linenumbers/js/codejar-linenumbers.css"/>
<script type="application/javascript" src="https://unpkg.com/codejar-linenumbers/js/codejar-linenumbers.min.js"></script>
<!-- place the CSS file after the HighlightJS/PrismJS stylesheets -->
<link rel="stylesheet" href="https://unpkg.com/codejar-linenumbers/es/codejar-linenumbers.css"/>
<script type="application/javascript" src="https://unpkg.com/codejar-linenumbers/es/index.js"></script>
import {CodeJar} from 'codejar';
import {withLineNumbers} from "codejar-linenumbers";
const jar = CodeJar(editor, withLineNumbers(highlight), {tab: '\t'});
For static HTML see example here: https://codepen.io/julianpoemp/pen/jOjgQzG .
Make sure that the codejar-linenumbers/js/codejar-linenumbers.min.js
file was loaded.
var jar = CodeJar(editor, CodeJar.withLineNumbers(highlight), {tab: '\t'});
Please make sure that the issue is related to linenumbers only. For issues related to CodeJar please create issues here.