You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP →

Book a Demo Install Sign in

@codemirror/lang-cpp

Package Overview

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@codemirror/lang-cpp

C++ language support for the CodeMirror code editor

6.0.0

Source

npm

Version published: 3 years ago

Weekly downloads: 347K

Maintainers: 2

Weekly downloads

Created: 5 years ago

What is @codemirror/lang-cpp?

@codemirror/lang-cpp is a language support package for CodeMirror 6 that provides syntax highlighting, code folding, and other editing features for C++ code.

What are @codemirror/lang-cpp's main functionalities?

Syntax Highlighting

This code sets up a CodeMirror editor with C++ syntax highlighting. The `cpp` function from `@codemirror/lang-cpp` is used to enable C++ language support.

import { cpp } from '@codemirror/lang-cpp';
import { EditorState, EditorView, basicSetup } from '@codemirror/basic-setup';

const state = EditorState.create({
  doc: 'int main() { return 0; }',
  extensions: [basicSetup, cpp()]
});

const view = new EditorView({
  state,
  parent: document.body
});

Code Folding

This code sets up a CodeMirror editor with C++ syntax highlighting and code folding capabilities. The `foldGutter` and `foldKeymap` extensions are used to enable code folding.

import { cpp } from '@codemirror/lang-cpp';
import { foldGutter, foldKeymap } from '@codemirror/fold';
import { EditorState, EditorView, basicSetup } from '@codemirror/basic-setup';

const state = EditorState.create({
  doc: 'int main() {\n  // code\n  return 0;\n}',
  extensions: [basicSetup, cpp(), foldGutter(), foldKeymap]
});

const view = new EditorView({
  state,
  parent: document.body
});

Autocomplete

This code sets up a CodeMirror editor with C++ syntax highlighting and autocomplete functionality. The `autocompletion` extension is used to provide autocomplete suggestions.

import { cpp } from '@codemirror/lang-cpp';
import { autocompletion } from '@codemirror/autocomplete';
import { EditorState, EditorView, basicSetup } from '@codemirror/basic-setup';

const state = EditorState.create({
  doc: 'int main() {\n  // code\n  return 0;\n}',
  extensions: [basicSetup, cpp(), autocompletion()]
});

const view = new EditorView({
  state,
  parent: document.body
});

Other packages similar to @codemirror/lang-cpp