How do you make your content stand out? You should start with some great content. Great content doesn't only means some. It should have all type of interactive data like text, images, tables, lists. Creating all of this manually for each content / blog/ article you write is obviously headache. That's why rich-text editors came into picture.

Rich text is more exciting than&nbsp;plain text. It supports text formatting, such as&nbsp;bold,&nbsp;italics, and&nbsp;underlining, as well as different&nbsp;fonts, font sizes, and colored text. Rich text documents can also include page formatting options, such as custom page margins, line spacing, and tab widths. It may also refer to a multimedia document that can include images, audio and video.

An rich-text editor is the interface for editing rich text within web browsers, which presents the user with a "what-you-see-is-what-you-get" editing area. The aim is to reduce the effort for users trying to express their formatting directly as valid HTML.

<mark class="cdx-marker">There are too many rich-text editors are available out there. Some of them are listed below:</mark>

It is&nbsp;a block-styled editor. It returns clean data output in JSON. Designed to be extendable and pluggable with a simple API.&nbsp;&nbsp;

Let's see how to implement EditorJs with Next.js:

Now enter to the project directory and install the dependencies

Create "Components" folder&nbsp;to the root of the app and "Editor.js" inside it.

Now import and use it in any page you want, We'll be using it in 'index.js'

We'll be using nextjs's dynamic feature to import Editor.

#rich-text

How to implement EditorJs with NextJs