@fsegurai/codemirror-theme-abcdef v6.2.0
A library of custom themes for CodeMirror 6.
@fsegurai/codemirror-theme-abcdef
is a theme for CodeMirror 6 editor, making it visually engaging and adaptable to
different coding styles and user preferences.
Table of contents
- Installation - @fsegurai/codemirror-theme-abcdef - Using Theme - Available Themes - Demo Application
- License
Installation
@fsegurai/codemirror-theme-abcdef
To add @fsegurai/codemirror-theme-abcdef
along with CodeMirror 6 to your package.json
use the following commands.
npm install @fsegurai/codemirror-theme-abcdef codemirror@^6.0.0 --save
Using Theme
Import the respective theme from the package and apply it to your CodeMirror instance as shown below.
import { EditorView, basicSetup } from 'codemirror'
import { markdown } from '@codemirror/lang-markdown'
import { abcdef } from '@fsegurai/codemirror-theme-basic-abcdef'
let editor = new EditorView({
doc: '# Hello World',
extensions: [
basicSetup,
markdown(),
abcdef
],
parent: document.body
})
Read the CodeMirror documentation for more details about themes.
Available Themes
Demo Application
To see all themes in action, check out the demo: https://fsegurai.github.io/codemirror-themes.
To set up the demo locally:
git clone https://github.com/fsegurai/codemirror-themes.git
npm install
npm start
This will serve the application locally at http://[::1]:8000.
License
Licensed under MIT.
5 months ago
11 months ago
9 months ago
5 months ago
11 months ago
6 months ago
6 months ago
12 months ago
5 months ago
12 months ago
5 months ago
5 months ago
5 months ago
5 months ago
1 year ago
1 year ago
1 year ago
1 year ago