G-Code Language Support for CodeMirror 6
This support language includes syntax highlighting for the G-Code language.
There is also support for tooltip hovering so when a command is hovered over a description of what that command does will be displayed.
gcode-lang-codemirror is available through the npm registry:
$ npm install gcode-lang-codemirrorExample usage with a basic editor and G-Code language suport
// Import codemirror aspects
import { EditorState, EditorView, basicSetup } from '@codemirror/basic-setup';
// Import the language
import { GCodeLanguage } from 'gcode-lang-codemirror';
// Create the editor state pre-filled with some G-Code
let state = EditorState.create({
doc: 'G1 X30.00 Y90\nG90\nG0',
extensions: [
basicSetup,
GCodeLanguage(),
]
});
// Create the editor view and bind to the element in the DOM
const view = new EditorView({
state,
parent: document.querySelector('#editor')
});Copyright (c) 2021-present, OneIsland Limited