codemirror-sfmc

CodeMirror 6 extensions for Salesforce Marketing Cloud templates (HTML with AMPscript / SSJS): highlighting theme, completion wired to sfmc-language-lsp.

latest

Source

npm

Version: 0.1.0

Version published: 4 months ago

Weekly downloads: 3

Maintainers: 1

Weekly downloads

Created: 4 months ago

Source

codemirror-sfmc

CodeMirror 6 extensions for Salesforce Marketing Cloud HTML templates: embedded AMPscript and SSJS highlighting and autocompletion powered by sfmc-language-lsp.

Usage

Install CodeMirror 6 (@codemirror/state, @codemirror/view, and your preferred basic setup, e.g. the codemirror meta-package) then add:

import { EditorState } from '@codemirror/state';
import { EditorView } from '@codemirror/view';
import { sfmcTemplateExtensions } from 'codemirror-sfmc';

const state = EditorState.create({
  doc: '<html>%%=Concat("a","b")=%%</html>',
  extensions: [
    /* your basic keymap / line numbers here */
    ...sfmcTemplateExtensions(),
  ],
});

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

Language detection matches the VS Code extension: AMPscript markers (%%[, %%=, language="ampscript") take priority over <script runat="server"> for SSJS.

Exports

sfmcTemplateExtensions() — highlight plugin + theme + autocompletion.
sfmcTemplateHighlightPlugin, sfmcEditorTheme, sfmcAutocomplete() — compose your own stack.
codemirror-sfmc/detect — detectTemplateLanguage and helpers without pulling in @codemirror/* (for thin browser bundles).

License

MIT — see LICENSE.

Keywords

FAQs

What is codemirror-sfmc?

Is codemirror-sfmc popular?

Is codemirror-sfmc well maintained?

Package last updated on 09 Apr 2026

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install