Below is an instance of an ngx-editorjs Material Field EditorJS Material component. Click on the area and the block tool will appear, or you can just start typing a paragraph.

The default block is a <p> paragraph, you can also add header <h1> - <h6> blocks, list with <ol> / <li> and <code> blocks.

You can also paste in an <img> url into the editor and it will start the SimpleImage plugin which provides an <img> tag pointing to the image, and with some additional controls.

When saving check the output panel below to see the data results. The save, clear and reset buttons work on the entire form. The Autosave feature enables the `EditorJS` instance to update the form value on any changes It also updates on a regular basis to ensure the content is in the form. With autosave off you need to call save on the form to get the value.