⨁ Modular Text & Docs Editor - New Plugin From Zeroqode

levon · September 2, 2019, 8:53am

This plugin is a next generation block styled editor. Its workspace consists of separate Blocks: paragraphs, headings, images, lists, quotes, etc.
Classic WYSIWYG-editors produce raw HTML-markup with both content data and content appearance. On the contrary, the plugin outputs JSON object with data of each Block.

Key features:

block-styled editor
clean data output in JSON
easy to use

Live demo: https://zeroqode-demo-17.bubbleapps.io/editor_js
Plugin page: https://bubble.io/plugin/editorjs---editor-like-gitbook-1561555734584x328454000446537700

Please support us with a retweet

Levon Terteryan

Founder @ Zeroqode

Bubble Templates
Zeroqode Blocks
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

matthias · August 18, 2020, 4:03pm

I found all the documentation i could on this plugin, but I am struggling to find how to link its data to a database. What does ‘clean output in json’ mean and how do I harness it? I am trying to save the text input but I amnot getting anythign back.

ZeroqodeSupport · August 19, 2020, 11:01am

Hi @matthias,

Thanks for reaching out. Sure, if you’d like to save editor’s content into your database field, you can use this state:

But please use plugin’s Save Changes EditorJs action, first. And only then you can implement the next step to actually save it into your database, as it is important to save the changed content in this editor so you’ll be able to save the appropriate one later on.

Best regards,
Zeroqode Team

matthias · August 19, 2020, 1:26pm

Okay, that didn’t seem to work. Not sure why, but after saving the data and then doing “s all saved data” it started to save it to the database. Any idea why?
I notice it’s saving actual code here too, how do I display that in a dynamic text field? Trying to see if I can save text with multiple paragraphs and there be an option to comment on each paragraph in a blog like Medium or Notion.

ZeroqodeSupport · August 19, 2020, 2:24pm

Thanks @matthias for feedback.

Apologies for any misleading. So, it is important to mention that our plugin is using JSON objects with data for each Block, compared to a classic WYSIWYG editor, but you’re absolutely able to save this information into your database and retrieve it later on when needed, even in your editor element.

If you’d like to save all information at once, you can use this state instead:

But you still need to make sure to save editor changes by using this action: (images for illustration purposes)

You may also add a pause before second action step, just to make sure things are running smoothly.

And if you want to retrieve database information and set the editor with it, you can simply do a search for and select the appropriate data, here:

If you’d have any other confusions or issues, please post screenshots of your app and workflows as well, with all property editor settings, so we can have a better investigation then provide working solutions asap.

Best regards,
Zeroqode Team

bentoj72 · October 2, 2020, 10:47pm

@levon how I can show the saved article created using this plugin? using text element? (In plugin demo page, there are two editor element. there is no preview element)

bentoj72 · October 3, 2020, 11:37am

Any reply?

ZeroqodeSupport · October 5, 2020, 10:13am

Hi @bentoj72,

Thanks for asking. Just preview the editor here https://bubble.io/page?type=page&name=editor_js&id=zeroqode-demo-17&tab=tabs-1 to see how to show the articles with this plugin. You just need to place the plugin element and point it to your database Blocks.

Unfortunately, it would not be possible to display the article in a text element as you expect, because this plugin is based on JSON, however, you can still show it in a text element by using plugin’s states, but it would display it as JSON block.

But what do you mean by saying there is not preview element? You just use plugin’s element and hit Preview.

Best regards,
Zeroqode Team

PasqualeJS · October 7, 2020, 8:49am

How do we display the JSON data cleanly in bubble?

ZeroqodeSupport · October 8, 2020, 9:06am

Hi @PasqualeJS,

Thanks for reaching out. Perhaps this thread will be helpful - Need help showing JSON data on Bubble Elements.

Best regards,
Zeroqode Team

hacker · June 15, 2021, 4:15am

Hey,

Is this plugin still updated?

Thanks in advance

ZeroqodeSupport · June 15, 2021, 9:06am

Hi there, @hacker !

Thanks for reaching out!

If you are talking about the last updates of this plugin, they had been implemented last year - new element property and action “Read-only mode” were added.

In case it wasn’t your question, kindly specify, what were you referring to.

Best regards.

hacker · June 15, 2021, 2:48pm

I mean that if this plugin outdated or “legacy”?

Also, I am using Bubble´s RTE (Rich Text Editor) in an app. If I switch to this one, will the contents display the same (bold, colors, size)?

ZeroqodeSupport · June 16, 2021, 1:58pm

Hey, @hacker!

This plugin is up to date, as well as its library.

In case of switching to this one, kindly note, that data source of the plugin element should be in a JSON format. If you want to be able to use HTML elements, I can suggest you our plugin Advanced Rich Text Editor , which have all the parameters you described.

Please, let us know if you have any other questions

Best regards.

luiz1 · June 21, 2021, 5:00pm

Hey @ZeroqodeSupport Team!

Is there any way of inserting images without the captions? We want to use it for legal documents and it’s not usual to have this kind of information just showing up in there without any value to the doc itself.

Thanks a lot!

ZeroqodeSupport · June 22, 2021, 2:41pm

Hey, @luiz1!

Thanks for reaching out.

Unfortunately, it is not possible to insert images without captions. Cause the configurations of the data uploaded in the element of this plugin are prewritten in the library and can’t be adjusted.

We apologize for the inconvenience.

Please, let us know if you need any further clarification.

Best regards,
Zeroqode Support Team