@visbot/codemirror-avs
v0.3.1
Published
Winamp AVS mode for CodeMirror 5
Readme
codemirror-avs
Description
A mode for Winamp AVS to use with CodeMirror, the versatile text editor implemented in JavaScript for the browser.
Installation
Use your preferred Node package manager to install the mode
$ yarn add @visbot/codemirror-avs || npm install @visbot/codemirror-avsAlternatively, you can clone this repository
$ git clone https://github.com/visbot/codemirror-avsUsage
Example usage on website
<!DOCTYPE html>
<html>
<head>
<!-- Import CodeMirror styles -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/codemirror@5/lib/codemirror.min.css">
<head>
</head>
<body>
<!-- Add Textarea -->
<textarea id="editor"></textarea>
<!-- Import CodeMirror library -->
<script defer src="https://cdn.jsdelivr.net/npm/codemirror@5/lib/codemirror.min.js"></script>
<!-- Import AVS mode -->
<script defer src="https://cdn.jsdelivr.net/npm/@visbot/codemirror-avs@latest/dist/avs.min.js"></script>
<!-- Initialize CodeMirror -->
<script type="text/javascript">
const editor = document.getElementById('editor');
const options = {
lineNumbers: true,
mode: 'avs'
};
const cm = CodeMirror.fromTextArea(editor, options);
</script>
</body>
</html>Note: If you want to load CodeMirror from a CDN, make sure to specify a specific version for better performance – the example above doesn't to keep it simple.
Modes
Beside the loose avs mode, you can specify stricter modes for specific components:
Mode | Effect
--------------------------------|-------
avs/bump | Trans/Bump
avs/color-modifier | Trans/Color Modifier
avs/dynamic-distance-modifier | Trans/Dynamic Distance Modifier
avs/dynamic-movement | Trans/Dynamic Movement
avs/dynamic-shift | Trans/Dynamic Shift
avs/effect-list | Effect List
avs/movement | Trans/Movement
avs/superscope | Render/SuperScope
avs/texer2 | Render/Texer II
avs/triangle | Render/Triangle
License
All code is licensed under The MIT License