ngx-editorjs — Angular module to use EditorJS in your application

Tane Piper
May 16 · 1 min read

Earlier this week I published my first full Angular module — @tinynodes/ngx-editorjs on NPM.

The module is a set of features for Angular (7+) to create and control EditorJS instances.

A demo application is available to see the editor in action, and the source is also available in the @tinynodes monorepo.

Included Features

The library exports several features once the NgxEditorJSModule has been included in your project.

NgxEditorJSDirective

This is the main directive which can be used on any element with the [ngxEditorJS] selector and and id attribute.

This will handle creating the editor instance via the NgxEditorJSService

NgxEditorJSComponent

This component can be used in any Angular component using the <ngx-editorjs> tag. Again this component can take a set of blocks, it also provides a holder input for overriding the ID.

NgxEditorJSService

This service provides handling the life-cycle of the EditorJS instances, and exposes the underlying EditorJS API — in future releases more of the API will be exposed via service methods to make controlling the container easier.

The module is configurable and allows EditorJS plugins to be injected into the library — (see README.md) on how to do this in a AOT-friendly way.

Next Steps

Version 1.3.2 has been released with full docs and improved demo since the first release.

If you find any issues or have feature requests these can be left on the GitHub Issues page.

You can also now read my blog at tane.dev instead of on Medium.

Tane Piper

Written by

JavaScript developer living on the edge of a server stack of infinite turtles that go all the way down.