Example for NodeViews with custom elements (WebComponents) and Angular 6


Since Angular now officially supports custom elements I thought it’d be a good moment to figure out whether custom elements could improve the developer workflow when rendering and interacting with custom nodes within ProseMirror. Using web standards for this makes at least my implementations a lot cleaner.

I am putting this up here in case someone else is interested in experimenting with custom elements (you don’t really need Angular for that - there are plenty of alternatives - Angular ist just what I use)


To get started, check out the repo, run yarn && yarn start (or npm install && npm start).

Disclaimer: I did not test this repo in a browser other than Chrome. Firefox and Edge still need polyfills.

p.s.: This is not using any inline dom nodes (contentDOM)