gcode-lang-codemirror (original) (raw)

0.2.4 • Public • Published 3 years ago

gcode-lang-codemirror

G-Code Language Support for CodeMirror 6

Overview

Features
Installation
Usage
License

Features

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.

Installation

gcode-lang-codemirror is available through the npm registry:

$ npm install gcode-lang-codemirror

Usage

Example usage with a basic editor and G-Code language suport

editor.js

// 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') });

License

MIT