melishev / strapi-plugin-react-editorjs

📝 Plugin for Strapi Headless CMS, hiding the standard WYSIWYG editor on Editor.js

🎛 Strapi + ✒️ Editor.js

⚠️ This is the Strapi v4 version of this plugin! In order to use with v3, please use release v.1.5.1.

🙉 What it is?

This is a plugin for Strapi Headless CMS that replaces the standard wysiwyg editor with the cool Editor.js and all its compatible add-ons.

🍀 Supported official add-ons

• Paragraph Tool (default)
• Embed Tool
• Table tool
• List Tool
• Warning Tool
• Code Tool
• Link Tool
• Image Tool
• Raw HTML Tool
• Heading Tool
• Quote Tool
• Marker Tool
• Checklist Tool
• Delimiter Tool
• InlineCode Tool
• Personality Tool
• Attaches Tool

All of the above add-ons (if added) work initially when the plugin is loaded. You can also customize the add-ons available in your application using the instructions below.

🤟🏻 Getting Started

yarn add strapi-plugin-react-editorjs
# or
npm install strapi-plugin-react-editorjs

In order for Strapi to show the Link Tool thumbnails correctly, you will need to edit the 'strapi::security' line in ./config/middlewares.js. Change that line to the following (do this at your own risk).

module.exports = [
  // ...
  {
    name: 'strapi::security',
    config: {
      contentSecurityPolicy: {
        directives: {
          'img-src': ['*'],
        },
      }
    },
  },
  // ...
];

⚙️ How to extend/develop this plugin (optional)

If you want to change the look of the editor or add/remove editorJS plugins, you will need to do the following:

1. If this plugin is already install via yarn or npm, uninstall:

yarn remove strapi-plugin-react-editorjs
# or
npm uninstall strapi-plugin-react-editorjs

2. Go to the ./src/plugins folder (create it if it doesn't exist) and clone the project:

# If you wish to clone the Master Branch
git clone https://github.com/melishev/strapi-plugin-react-editorjs.git
# If you wish to clone the Beta Branch
git clone --single-branch --branch beta https://github.com/melishev/strapi-plugin-react-editorjs.git

3. Go into the plugin and install dependencies:
   • cd strapi-plugin-react-editorjs
   • yarn install or npm install
4. In an editor add the following code into the main Strapi v4 ./config/plugins.js file (create the file if it doesn't exist)

module.exports = ({ env }) => ({
  // ...
  'editorjs': {
    enabled: true,
    resolve: './src/plugins/strapi-plugin-react-editorjs'
  },
  // ...
})

5. To make changes to EditorJS plugins, edit the ./src/plugins/strapi-plugin-react-editorjs/admin/src/config/customTools.js file.
   • Note: the Image Tool add-on has been highly customized in order to work in Strapi and cannot be edited in the customTools.js file. If you wish to develop it further, you may, but it will take much more advanced knowledge and testing.
6. Rebuild Strapi after installation and after any changes made in the plugin.

yarn build
# or
npm run build

Please note that the add-ons are configured for Strapi, be careful when changing the configuration.

👨🏻‍🏭 Developing

1. Personality Tool
2. Attaches Tool
3. Full screen mode

⭐️ Show your support

Give a star if this project helped you.

strapi-plugin-react-editorjs's Issues

Dark mode has black text within editor

Strapi now has dark theme set as default, or perhaps i set it by mistake

Full Screen

So i am really intrigued by this plugin and would consider using it in our client Strapi-based solutions.....

...but it seems like full-screen support would be a must to do that. I saw that its on your list of To-Dos...any ideas or thoughts as to how you might implement that?

Embed and Link - This content is blocked

I can't seem to get the embed or link functions to work.

The embed element just shows "This content is blocked. Contact the site owner to fix the issue."

When I try to add a link, an error pops up saying "Couldn't fetch the link data" and I notice a 404 shows in the console.

http: GET /api/react-editorjs/link?url=https%3A%2F%2Fwww.google.co.uk%2F (1 ms) 404

"@strapi/strapi": "4.1.7",
"strapi-plugin-react-editorjs": "^2.0.0"

The automated release is failing 🚨

🚨 The automated release from the master branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you can benefit from your bug fixes and new features again.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can fix this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the master branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here are some links that can help you:

• Usage documentation
• Frequently Asked Questions
• Support channels

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.

---

Invalid npm token.

The npm token configured in the NPM_TOKEN environment variable must be a valid token allowing to publish to the registry https://registry.npmjs.org/.

If you are using Two Factor Authentication for your account, set its level to "Authorization only" in your account settings. semantic-release cannot publish with the default "
Authorization and writes" level.

Please make sure to set the NPM_TOKEN environment variable in your CI with the exact value of the npm token.

---

Good luck with your project ✨

Your semantic-release bot 📦🚀

Q: Will it delete all my current wysiwyg content in the database ?

Hello,
this addon looks great !

I was wondering if i'm installing this, will it wipe all current wysiwyg data or will it work normally ?

npm v8 is not supported

Is there any reason why npm v8 is not supported? Can you add support for it?

$ npm install strapi-plugin-react-editorjs
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: '[email protected]',
npm WARN EBADENGINE   required: { node: '>=10.16.0 <=14.x.x', npm: '^6.0.0' },
npm WARN EBADENGINE   current: { node: 'v12.21.0', npm: '8.1.0' }
npm WARN EBADENGINE }
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: '@casl/[email protected]',
npm WARN EBADENGINE   required: { npm: '^6.0.0' },
npm WARN EBADENGINE   current: { node: 'v12.21.0', npm: '8.1.0' }
npm WARN EBADENGINE }
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

Strapi V4 support?

Will v4 be supported as it's the new stable version?

unable to close the image upload modal and field title is missing with starpi v4

node version : 14.16.0
npm version: 6.14.11
os: windows 10
Database: mySql 8.10
strapi-plugin-react-editorjs: 2.0.0-beta.1

How do I parse the end result as HTML?

Was using markdown-it previously for the built in editor in Strapi but editorJS stores things differently (alot of json) leading it unable to parse. What would be the best method of doing so with this plugin? Kind of a noob to strapi so apologies if it's an awkward question to ask

Why main image block without hash & ext?

image block after upload:

{
 "data" : {
    "alt": "signature.jpg",
    "formats": {"large": {"ext": ".jpg", "url": "http://minio:9000/strapi/large_image_2e0e164b2d.jpg",…},…}
    "height": 640,
    "mime": "image/jpeg",
    "size": 74.69,
    "url": "http://minio:9000/strapi/image_2e0e164b2d.jpg",
    "width": 1536,
 }
}

Expect Result with hash & ext:

{
 "data" : {
    "alt": "signature.jpg",
    "formats": {"large": {"ext": ".jpg", "url": "http://minio:9000/strapi/large_image_2e0e164b2d.jpg",…},…}
    "hash": "image_2e0e164b2d",
    "ext": ".jpg",
    "height": 640,
    "mime": "image/jpeg",
    "size": 74.69,
    "url": "http://minio:9000/strapi/image_2e0e164b2d.jpg",
    "width": 1536,
 }
}

I'm not exactly sure is strapi passing hash & ext parameters in this line or not.
@melishev, What do you think?

ps: formats types all with hash & ext

Consider adding Axios as dependency

Hello, I am getting an error when trying to run strapi with this plugin in my docker container.

Could not load js config file /opt/node_modules/strapi-plugin-react-editorjs/strapi-server.js: Cannot find module 'axios'
...

If I add axios to my dependencies in my project it works.

But I find it confusing that axios is required in some files in this project, but not added as a dependency in package.json.

Not replace the standard editor

Is it possible to not replace the standard editor but add it as a new field type?

Beta - Strapi v4: README updates

The README for the beta for Strapi v4 needs updating.

The "How to customize editor" is not functioning at this time. We need to figure out how to do this with the new setup and then update the documentation.

The Link tool thumbnails are being blocked by Strapi's content security policy. The workaround at this time is to replace the 'strapi::security' line in ./config/middlewares.js to the following (do this at your own risk).

module.exports = [
  // ...
  {
    name: 'strapi::security',
    config: {
      contentSecurityPolicy: {
        directives: {
          'img-src': ['*'],
        },
      }
    },
  },
  // ...
];

I'm not certain if there is a way we can override this directly from the plugin or not.

At this time, it's not necessary to give Public and Authenticated role access to the plugin API. ./server/routes/index.js is configured to auth: false. I don't know if this is a security issue or not. Should we leave it up to the user to give Public and Authenticated role access, or can we leave it with auth: false?

Broken Link / Embed in Strapi EditorJS

When I try to embed a Link in Strapi it seems that the feature is broken... The link is red and a message pops up saying Couldn't fetch the link data in the Strapi Editor. Any idea how to over come this?

Thanks for any help or pointers!

Error when saving content contains emoji

There's an error while saving content contains emoji likes this

The error from console logs

api  | [2022-04-26 07:14:42.047] error: update `pages` set `name` = 'Editor.js', `slug` = 'editor-js', `content` = '{\"time\":1650957200290,\"blocks\":[{\"id\":\"Hwcl9QZ50L\",\"type\":\"header\",\"data\":{\"text\":\"😀Strapi + Editor.js\",\"level\":1}}],\"version\":\"2.23.2\"}', `updated_by_id` = 1, `sitemap_exclude` = false, `updated_at` = '2022-04-26 07:14:42.039' where (`id` = 1) - ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Incorrect string value: '\xF0\x9F\x98\x80St...' for column 'content' at row 1
api  | Error: ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Incorrect string value: '\xF0\x9F\x98\x80St...' for column 'content' at row 1
api  |     at Query.Sequence._packetToError (/app/node_modules/mysql/lib/protocol/sequences/Sequence.js:47:14)
api  |     at Query.ErrorPacket (/app/node_modules/mysql/lib/protocol/sequences/Query.js:79:18)
api  |     at Protocol._parsePacket (/app/node_modules/mysql/lib/protocol/Protocol.js:291:23)
api  |     at Parser._parsePacket (/app/node_modules/mysql/lib/protocol/Parser.js:433:10)
api  |     at Parser.write (/app/node_modules/mysql/lib/protocol/Parser.js:43:10)
api  |     at Protocol.write (/app/node_modules/mysql/lib/protocol/Protocol.js:38:16)
api  |     at Socket.<anonymous> (/app/node_modules/mysql/lib/Connection.js:88:28)
api  |     at Socket.<anonymous> (/app/node_modules/mysql/lib/Connection.js:526:10)
api  |     at Socket.emit (node:events:526:28)
api  |     at Socket.emit (node:domain:475:12)
api  |     at addChunk (node:internal/streams/readable:315:12)
api  |     at readableAddChunk (node:internal/streams/readable:289:9)
api  |     at Socket.Readable.push (node:internal/streams/readable:228:10)
api  |     at TCP.onStreamRead (node:internal/stream_base_commons:190:23)
api  |     --------------------
api  |     at Protocol._enqueue (/app/node_modules/mysql/lib/protocol/Protocol.js:144:48)
api  |     at Connection.query (/app/node_modules/mysql/lib/Connection.js:198:25)
api  |     at /app/node_modules/knex/lib/dialects/mysql/index.js:132:18
api  |     at new Promise (<anonymous>)
api  |     at Client_MySQL._query (/app/node_modules/knex/lib/dialects/mysql/index.js:126:12)
api  |     at executeQuery (/app/node_modules/knex/lib/execution/internal/query-executioner.js:37:17)
api  |     at Client_MySQL.query (/app/node_modules/knex/lib/client.js:146:12)
api  |     at Runner.query (/app/node_modules/knex/lib/execution/runner.js:130:36)
api  |     at ensureConnectionCallback (/app/node_modules/knex/lib/execution/internal/ensure-connection-callback.js:13:17)
api  |     at Runner.ensureConnection (/app/node_modules/knex/lib/execution/runner.js:307:20)
api  |     at processTicksAndRejections (node:internal/process/task_queues:96:5)
api  |     at async Runner.run (/app/node_modules/knex/lib/execution/runner.js:30:19)
api  |     at async Object.execute (/app/node_modules/@strapi/database/lib/query/query-builder.js:354:22)
api  |     at async Object.update (/app/node_modules/@strapi/database/lib/entity-manager.js:247:9)
api  |     at async Object.update (/app/node_modules/@strapi/strapi/lib/services/entity-service/index.js:219:18)
api  |     at async Object.<anonymous> (/app/node_modules/@strapi/strapi/lib/services/entity-service/index.js:67:20)

License on this plugin

Can you please add a LICENSE.MD file to confirm what license this code falls under?

Image Upload not working

When I try to upload an image via the editor or copy it from another website, I always get the error message "Couldn't upload image. Please try another."

Strapi Version: 4.1.7
Editor.js: 2.0.0

Emptying editor does not allow "Save" and leaves artifacts.

If an editor field is used once, it cannot be returned to NULL or "".

If all content is deleted from the field, Save does not light up. And if edits are made elsewhere to bring up Save, that empty field does not save. The text from the prior state will still be there, rather than "" or NULL.

The only way to empty a field is to directly edit the database.

Do you have any plans to support video upload?

When copy / paste content and immediatly save, nothing in saved

Hello @melishev, and thanks for your work!

Here is the problem:

❌ When you copy / paste some content in editorjs, and immediatly save, nothing in saved.

✔️ But when after a copy / paste, you start to edit before saving, everything works as excepted.

I hope these screen videos will be enough to understand the problem.

Versions used:

• strapi-plugin-react-editor 2.0.2
• strapi 4.4.3

Thanks for your time!

Uninstalling the plugin not working.

Steps to reproduce.

1. Install the plugin (I have used npm) via npm install strapi-plugin-react-editorjs
2. Uninstall the plugin npm uninstall strapi-plugin-react-editorjs
3. Check the rich text field in Content Manager section
4. It still shows the editor.js ui for the rich text field

I have tried restarting the server but not able to solve the issue.

Can anyone help me with this please?

Beta - Strapi v4: Possible use of Nested-List tool instead of List tool

@melishev - what are your thoughts on using the Nested List tool instead of the List tool? I've tried it and it works just fine. In my opinion, the Nested List tool is much more useful.

Beta - Strapi v4: How to Customize Editor

The README instructions do not work in Strapi v4 on how to customize editor. I'm working on figuring out how to get this working. Here are the docs for extending plugins in Strapi v4: https://docs.strapi.io/developer-docs/latest/development/plugins-extension.html

I've tried this, but is not working in the setup that I currently have. I haven't tried this with strapi-plugin-react-editorjs installed via npm/yarn. I currently have my setup with this plugin under ./src/plugins/strapi-plugin-react-editorjs. Once the current pull request is merged, I will test out the instructions in the above doc and will report back.

Feature/Improvement: copy rich text content to new locale

Actually, in admin, we cannot copy the editorjs from a locale to another. (with the "fill in from another locale").
It would be really a great feature to have for everybody using multilingual and editorjs.

I could definitively work on that if it helps.

And then, we can also make it works with deepl "Translate from another locale"

What do you think ?

Value onChange event isn't updating when you paste blocks from one editor to another

If you paste blocks from one strapi window to another and click save it doesnt reflect when you next load the content type, you can work around it by adding a few chars and removing them and then hitting save

[FEATURE] Plugin configuration.

We are testing this plugin since it adds very interesting ways to work with Rich Text.

We reviewed EditorJS itself has options for plugin configurations.

It would be great not only to add options for plugins but also for editor settings, including the plugins we want to use.

What do you think?

[Future Request] response not only a link to the original image, but also a collection with modified dimensions using strapi-plugin-responsive-image

Using the strapi-plugin-responsive-image plugin allows you to generate several image formats, it is very convenient.

It would be great if strape-plugin-react-editor js in response gave an array of images of different formats

To do this, you need to add the format field to the loader's response, which comes in the response from Strapi Upload
EditorJs allows you to give any additional fields in the response

Strapi 4.9 breaks image upload

Strapi 4.9 breaks image uploads entirely. Has this package been abandoned?

API public permissions always reachable

Hi everybody,

I want to notice you that:

• POST /api/editorjs/image/byFile returns status 200
• POST /api/editorjs/image/byUrl returns status 500
• GET /api/editorjs/link returns status 200
  even if they are disabled in the Strapi permissions panel.

Maybe could a security issue.

Thank you.

[FEATURE] i18n support

Following the documentation and also, knowing Strapi has literals for many different languages, this plugin could get the local language from Strapi and then set it as the EditorJS language.

Thank you

Disabling built-in inline tools (link)

Hello!
I was trying to extend LinkTool, and found nice custom link tool (Hyperlink)
How can i remove the built-in inline LinkTool and use only Hyperlink?
Instructions described here and here are not working for me.

Here's my actual behavior. Hyperlink duplicates LinkTool

UPD

LinkTool is not an inline tool, the inline tool i needed to disable was link

Beta - Strapi v4: Mailgun causes the link tool to fail

When @strapi/provider-email-mailgun is installed in Strapi, it causes the link tool to fail. The link controller is using open-graph-scraper, which uses got, and this is where the failure occurs. This is a known issue with got when mailgun is installed. See panva/node-openid-client#320 (comment). Not sure if we should leave this as is and give users the warning, or maybe try using a different tool other than open-graph-scraper to scrape the data.

When printing out the response from server/controllers/editorjs.js link, I get this response:

{
  success: false,
  requestUrl: 'http://strapi.io',
  error: 'connect ECONNREFUSED 127.0.0.1:443',
  errorDetails: RequestError: connect ECONNREFUSED 127.0.0.1:443
      at ClientRequest.<anonymous> (/Volumes/Work/Web/strapi-v4/src/plugins/strapi-plugin-react-editorjs/node_modules/got/dist/source/core/index.js:962:111)
      at Object.onceWrapper (events.js:482:26)
      at ClientRequest.emit (events.js:387:35)
      at ClientRequest.emit (domain.js:470:12)
      at ClientRequest.origin.emit (/Volumes/Work/Web/strapi-v4/src/plugins/strapi-plugin-react-editorjs/node_modules/@szmarczak/http-timer/dist/source/index.js:43:20)
      at TLSSocket.socketErrorListener (_http_client.js:475:9)
      at TLSSocket.emit (events.js:375:28)
      at TLSSocket.emit (domain.js:470:12)
      at emitErrorNT (internal/streams/destroy.js:106:8)
      at emitErrorCloseNT (internal/streams/destroy.js:74:3)
      at processTicksAndRejections (internal/process/task_queues.js:82:21)
      at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1148:16) {
    code: 'ECONNREFUSED',
    timings: {
      start: 1645892688824,
      socket: 1645892688825,
      lookup: 1645892688825,
      connect: undefined,
      secureConnect: undefined,
      upload: undefined,
      response: undefined,
      end: undefined,
      error: 1645892688825,
      abort: undefined,
      phases: [Object]
    }
  }
}

deploying submodule

Hi

Thanks for creating this plugin, it's fantastic.

I have had to clone git clone https://github.com/melishev/strapi-plugin-react-editorjs.git the repo into src/plugins as I needed to make some changes such as nestedLists.

It is working perfectly locally.

However, I am having some issues deploying this to Heroku production as I am struggling to include the cloned repo into the main build.

Changes not staged for commit:
 (use "git add <file>..." to update what will be committed)
 (use "git restore <file>..." to discard changes in working directory)
 (commit or discard the untracked or modified content in submodules)
 modified:   src/plugins/strapi-plugin-react-editorjs (modified content)

When I try to deploy to Heroku I get the following error:

remote: Error: Cannot find module '/tmp/build_62b16672/src/plugins/strapi-plugin-react-editorjs/package.json'

I have config/plugins as

 editorjs: {
        enabled: true,
        resolve: './src/plugins/strapi-plugin-react-editorjs',
    },
    //

Can anybody advise me how to deploy the submodule?

Thanks :-)

Image Tool: uploading failed because of ReferenceError: axios is not defined

An error occurs when trying to insert text with pictures from the buffer or when dragging an image into the editor field:
Image Tool: uploading failed because of ReferenceError: axios is not defined

the download is successful only if you press + and select the file manually

Lack of instruction for installation

Hello,

I'm using strapi V4 and I'm trying to install make this plugin works, but I cannot !
I think you should add more documentations, even an example.

Should I need to enable the plugin in plugin.js ?
editorjs: { enabled: true, },

Should I install @editorjs/editorjs as dependencie ?

Thanks

Strapi Not Showing Editor.js

The plugins section shows that it's installed, but it doesn't show up when trying to edit a post. I've tried to follow issue #27, and other issues, but nothing seems to work. What am I missing? What are the requirements for installation?

The Strapi docs state just adding the below code into the middlware.js file:

module.exports = [
  // ...
  {
    name: 'strapi::security',
    config: {
      contentSecurityPolicy: {
        directives: {
          'img-src': ['*'],
        },
      }
    },
  },
  // ...
];

All efforts are not resulting in the editor being available.

Inline link button is missing

Can't find inline link button (not Link Tool)

is this normal?

• node v14.18.2
• [email protected]
• [email protected]
  • [email protected]
  • @editorjs/[email protected]
  • @editorjs/[email protected]

    "devDependencies": {},
    "dependencies": {
      "knex": "0.21.18",
      "pg": "^8.7.1",
      "sqlite3": "5.0.0",
      "strapi": "3.6.8",
      "strapi-admin": "3.6.8",
      "strapi-connector-bookshelf": "3.6.8",
      "strapi-plugin-content-manager": "3.6.8",
      "strapi-plugin-content-type-builder": "3.6.8",
      "strapi-plugin-email": "3.6.8",
      "strapi-plugin-graphql": "3.6.8",
      "strapi-plugin-i18n": "3.6.8",
      "strapi-plugin-react-editorjs": "^1.5.0",
      "strapi-plugin-upload": "3.6.8",
      "strapi-plugin-users-permissions": "3.6.8",
      "strapi-provider-upload-aws-s3": "^3.6.8",
      "strapi-utils": "3.6.8"
    },

Return JSON data type

Since richtext field is a text field, when querying from the API, the field will just return as string instead of JSON. What's the recommended method to return the richtext field as JSON data type?

Inline Link possible?

Hi,

First of all: Thank you for your amazing work.

We are trying to implement your plugin as part of our new CMS stack.

Is it currently possible to allow for inline links? Strikethrough would be the cherry on the top :)

How would I go about adding that?

Also is there any way to disable modules? Our Editors for example won't ever need to use the code option?

Thank you :)

Inline Code is a 'paragraph' type instead of 'code'

cannot move cursor via arrow keys in components

When I use the plugin and add a richText field to a (repeatable) component, I cannot move the cursor via the keyboard's arrow keys, only by clicking the desired position within the text directly. When I disable the plugin, in the default markdown editor navigation via keyboard works. Tested with strapi 4.1.7 and 4.1.11, Node 16

Return Placeholder from Strapi Plugin Placeholder

Is there any way to return the placeholder field from the strapi-plugin-placholder plugin in embedded images?

Editor doesn't work on dark theme

When you use Strapi in dark mode, editorJS is difficult to use due to lack of contrast.
It forces us to customize the plugin to update either the editor background or the font color.

Get the size of an Image in Request

Hello, i realy like you Plug-In, thx for your work!

I have one question, is there a possibility to get the width and height of an image in the final request and not only the data url? (new with Strapi and editorjs)

Conflicting UX/UI name for Image(MediaLibrary) and Image plugin.

Working on adding i18n support for this plugin, we found the following situation:
https://user-images.githubusercontent.com/5034215/195199983-f96486c0-79b0-4371-ab10-3b5400349077.mov

Albeit, both images are related to media content, the first one regards EditorJS while the other is related to the Strapi media support. And we said media support cause it could handle not only Images(image plugin) but also Video(video plugin) and Files(attaches plugin).

We suggest changing the name of the plugin to be like Media and also look like a more adequate icon.

If you provide us with a place to get the icons, we could help with these changes.

Thank you.

Multiple empty lines are ignored

Is it the default behavior of Editor.js that no matter how many blank lines I save in the editor, it still only saves one newline?
Is there any way to set the spacing of the blocks via the editor or do I have to adjust that via css in the frontend?

Beta - Strapi v4: Collection of responsive URL's in Image Tool

@melishev - I see in issue #6 that there was a feature request to return a collection of responsive URL's in the Image Tool.

I too would love this. Strapi automatically creates multiple images when uploading to the Media Library, and returns all of the links to those images for the featured image. This would be extremely useful in automatically creating responsive images on a site. I'm willing to dive in and figure out how to get this done if you are in agreement that it's a good idea.

Add support for node 18

Node 18 is now LTS: https://nodejs.org/

npm install strapi-plugin-react-editorjs
npm WARN EBADENGINE Unsupported engine {
npm WARN EBADENGINE   package: '[email protected]',
npm WARN EBADENGINE   required: { node: '>=10.16.0 <=16.x.x', npm: '>=6.0.0' },
npm WARN EBADENGINE   current: { node: 'v18.9.0', npm: '8.19.1' }
npm WARN EBADENGINE }

Just a friendly heads up :) Would've opened a PR if I had any idea what code would need changes 😄

embed external images in editorjs instead of uploading them

Can I embed external images in editorjs instead of uploading them to strapi?

Issue with the plugin not showing up

Hi, i am using the latest version of strapi 4.5.3. Was looking to customise the plugin for additional components to be added to the same. Followed the steps, checked out the the branch git clone https://github.com/melishev/strapi-plugin-react-editorjs.git as there is no beta branch available currently, went with the master.
Post the same, made the relevant changes in the config/plugin.js.

Then followed the step - yarn build and then yarn develop. Very firstly, when i checked in the plugins list, it dose not reflect up showing it is even installed.

If i remove all this and simply install it with yarn add strapi-plugin-react-editorjs then the same is showing up in the plugins list correctly. Now was wondering if there is any possibility for fixing this up with strapi 4.5.3 so i could have gone ahead and updated the plugin.