codemirror-abap

ABAP mode for the CodeMirror editor

[![NPM Version][npm-badge]][npm-url]
[![Github Actions][gh-actions-badge]][gh-actions-url]
[![Codecov][codecov-badge]][codecov-url]

Description

Add ABAP syntax highlighting to the [CodeMirror][codemirror-url] editor.

Installation

`` bash
npm install --save codemirror-abap
`

Usage

$3

1. Import codemirror-abap in your project.

`js
import CodeMirror from 'codemirror';
// mode and MIME type are registered automatically
import 'codemirror-abap';
`

or

`js
import CodeMirror from 'codemirror';
import { abapMode } from 'codemirror-abap';

// explicitly register mode
CodeMirror.defineMode("abap", abapMode);
`

2. Set 'abap' as the mode when instantiating the CodeMirror editor.

`js
CodeMirror.fromTextArea(element, {
mode: 'abap'
});
`

$3

1. Include the codemirror-abap bundle in a script tag.

`html




`

or

`html




CodeMirror.defineMode("abap", abap.abapMode);
`

2. Set 'abap' as the mode when instantiating the CodeMirror editor.

`js
CodeMirror.fromTextArea(element, {
mode: 'abap'
});
`

$3

`html


`

Demo

There's a simple React demo using react-codemirror2 in the demo directory of the git repo.
To run the demo:

`bash
git clone https://github.com/larshp/codemirror-abap.git
cd codemirror-abap/demo
npm install
npm start
``

[npm-badge]: https://img.shields.io/npm/v/codemirror-abap.svg
[npm-url]: https://www.npmjs.com/package/codemirror-abap
[gh-actions-badge]: https://img.shields.io/github/workflow/status/larshp/codemirror-abap/test
[gh-actions-url]: https://github.com/larshp/codemirror-abap/actions
[codecov-badge]: https://codecov.io/gh/larshp/codemirror-abap/branch/master/graph/badge.svg
[codecov-url]: https://codecov.io/gh/larshp/codemirror-abap
[dependency-badge]: https://david-dm.org/larshp/codemirror-abap.svg
[dependency-url]: https://david-dm.org/larshp/codemirror-abap
[codemirror-url]: https://github.com/codemirror/CodeMirror