whatisgithub

What is codemirror-lang-n8n-html?

n8n-io/codemirror-lang-n8n-html — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2026-01-06

6TypeScriptAudience · developerComplexity · 2/5QuietSetup · moderate

In one sentence

A CodeMirror 6 editor plugin that adds syntax highlighting and smart editing for HTML mixed with n8n's custom expression language.

Mindmap

mindmap
  root((repo))
    What it does
      Syntax highlighting
      Auto-completion
      Real-time error catching
    Tech stack
      TypeScript
      CodeMirror 6
      n8n
    Use cases
      Write HTML templates
      Edit n8n expressions
      Customize workflow data
    Audience
      Automation engineers
      Developers
      Power users

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Write HTML templates with n8n expressions using proper syntax highlighting instead of a plain text box

USE CASE 2

Catch mistakes in real time while customizing how data flows through an n8n workflow

USE CASE 3

Embed this editor support into a custom tool built on n8n

USE CASE 4

Reference this code if contributing similar editor support in n8n's main monorepo

What is it built with?

TypeScriptCodeMirror

How does it compare?

n8n-io/codemirror-lang-n8n-htmlatomicstrata/atomicmemoryazerdsq131/mcpm
Stars666
LanguageTypeScriptTypeScriptTypeScript
Last pushed2026-01-06
MaintenanceQuiet
Setup difficultymoderatemoderateeasy
Complexity2/54/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Archived, active development moved into n8n's main monorepo.

So what is it?

This repository provides a code editor plugin that lets developers write and edit HTML with special n8n expressions mixed in. If you're familiar with code editors like VS Code, this adds syntax highlighting and smart editing features specifically for HTML files that contain n8n's custom expression language, making the code easier to read and less error-prone to write. The project is built on top of CodeMirror 6, which is a popular, lightweight code editor that developers embed into web applications. Rather than building everything from scratch, the team took the existing HTML support from CodeMirror and enhanced it to understand n8n's expression syntax. This means when you type HTML with n8n expressions, the editor recognizes both languages and highlights them appropriately, helps with auto-completion, and catches mistakes in real time. N8n is a workflow automation platform where users connect different apps and services together. Sometimes you need to write custom HTML templates or expressions to customize how data flows through these workflows. This plugin makes that experience smoother by giving you a proper code editor instead of a plain text box. Anyone building complex automations with n8n, whether they're developers, automation engineers, or power users, would benefit from better editor support when writing these templates. One thing to note: the repository itself is no longer actively maintained here. The code has been moved into n8n's main project, so if you're looking for updates or want to contribute, you'd go to the n8n monorepo instead. This archive version serves as a reference, but the active development happens elsewhere.

Copy-paste prompts

Prompt 1
Show me how this CodeMirror 6 plugin adds highlighting for n8n expressions mixed into HTML.
Prompt 2
Help me embed this HTML plus n8n-expression editor into my own web app using CodeMirror 6.
Prompt 3
Explain how auto-completion works for n8n expressions in this CodeMirror language package.
Prompt 4
Where in n8n's main monorepo did this editor plugin move to, and how do I find the maintained version?

Frequently asked questions

What is codemirror-lang-n8n-html?

A CodeMirror 6 editor plugin that adds syntax highlighting and smart editing for HTML mixed with n8n's custom expression language.

What language is codemirror-lang-n8n-html written in?

Mainly TypeScript. The stack also includes TypeScript, CodeMirror.

Is codemirror-lang-n8n-html actively maintained?

Quiet — no commits in 6-12 months (last push 2026-01-06).

How hard is codemirror-lang-n8n-html to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is codemirror-lang-n8n-html for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.