codemirror-abap

ABAP mode for CodeMirror

Usage no npm install needed!

<script type="module">
  import codemirrorAbap from 'https://cdn.skypack.dev/codemirror-abap';
</script>

README

codemirror-abap

ABAP mode for the CodeMirror editor

NPM Version Github Actions Codecov Dependency Status

Description

Add ABAP syntax highlighting to the CodeMirror editor.

Installation

npm install --save codemirror-abap

Usage

Build tools

  1. Import codemirror-abap in your project.

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

    or

    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.

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

Browser

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

    <!-- CodeMirror is a peer dependency -->
<script src="js/codemirror.js"></script>
<!-- mode and MIME type are registered automatically  -->
<script src="js/codemirror-abap/bundles/abap.min.js"></script>

    or

    <script src="js/codemirror.js"></script>
<script src="js/codemirror-abap/bundles/abap.min.js"></script>

<!-- explicitly register mode  -->
CodeMirror.defineMode("abap", abap.abapMode);

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

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

CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.57.0/codemirror.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/codemirror-abap/bundles/abap.min.js"></script>