- Created using Lezer Grammar and Codemirror 6
- EO repo
- Syntax highlighting
- Show parsing errors (thanks to this post)
- Show Lezer parse tree in browser console (thanks to this post)
- Underline code (beta) with
Ctrl
+H
(see this example) - Actions from basic-setup, including keybindings
- Continued indentation (thanks to this facet example)
- Wait until
<div>
for the editor is created
- Create a tag with
id="eo-editor"
. The editor tab will be attached to it. You can change tag id in./src/main.ts
whereview
is declared. - Add the script and styles from
./docs
, e.g.:
<script type="module" src="./eo-editor.js"></script>
<link rel="stylesheet" href="./eo-editor.css">
- Install the dependencies and run in rebuild-on-change mode
npm i && npm run dev