[New plugin] Modern Rich Text Editor (Editor.js)

Hi @jyoon025! This is actually how the library is built. I don’t think I can change this behaviour, but I will look into that for you!

I will put this on my list to see if I can implement a feature like this in a future update! :slight_smile:

This plugin looks very promising. I am planning to acquire it for my project I am working on. One question. Is it possible to change background color of table rows, cols or cells? I especially header rows

This is what the table looks like in the editor. Right now the separator color is chosen to look good no mater the background of the editor. Right now you can’t edit the table background colors. Not sure how you are going to use the editor data, but is you are going use the HTML from the editor, you can use custom CSS on the page to style it.

@Thimo Thanks for the quick reply.

My idea was to use this editor in the edit mode of a thing for example a blog post. After saving it I want to show the read-only version using an html element. Is that a correct approach?

@FJP

Yes, that is definitely a way of using the plugin! The plugin itself also supports a read only mode if you don’t want to use an HTML element :slight_smile:

1 Like

Hi Thimo, bought your plugin and like it a lot! However, I am running into some issues with the initial data, since it is displayed as json:

On button-click, I save the current input as json to the db for that specific user:

Bildschirmfoto 2022-11-06 um 21.14.10

Then, I fill in that value as initial content as json:

It is then displayed as shown in the first picture.

Any idea what I am missing here?

@aloajoe2 I will send you a PM so we can take a better look at your issue! :slight_smile:

Okay I see. I appreciate your response and looking into it!

Hi @Thimo , really like the plugin. Has a few qwirks when the plugin is grouped that Ill post about soon (I’m a bit too sleepy to do a descriptive report), in short it starts to act funny and not allow you to click blocks. Maybe have a play where you nest it 2 or 3 groups deep and see if if functions fine for you.

Anyway, my main question is, is there any other way to display the text (formatting and all) without using the plugin in read only mode?

Since some of the quicky aspects with padding at smaller widths, it has made me want to use a normal text element to display the formatted text. Also, I expect it to be lighter weight to not use the plugin to display.

Thanks in advance :smiley:

As the plugin outputs HTML you could show it in a HTML element and style it yourself with CSS :slight_smile:

Btw, what are your padding issue exactly when using the plugin element? You can always use a negative margin with the new responsive engine and reduce the padding that way

@bkerryk

I also just pushed an update (1.20.1) that sets the padding of the editor to 0 when read-only mode is enabled!

This update also adds a ‘re-render’ WF action to the plugin :slight_smile:

Without doing some learning on CSS/HTML i don’t know how to do that yet haha. All good Appreciate the update you made to the padding! Yes, I did do negative margins to make it work, but obviously I like to try stay away from that if possible for the sake of principle.

Thanks mate! Appreciate it.

What’s a re-render do? How could it be used practically?

So with a fair bit of trial and error. I found that when the plugin element’s originally renders at a width less than 650px (so 649 and less) then the plugin starts to act funny, parts of it are unclickable and a few other things.

Would be worth looking into, its very weird because as long as its first render is 650+px it can be responsive down to smaller widths and work fine. So I think the bug happens at the render point.

Anyway, I already feel out of my depth to give any hypothesis but all i know is less than 650px with bug it out.

If you can’t reproduce the bug on your end then I will put together a editor to show you.

I will send you a PM so we can take a better look at it!

1 Like

Hey @Thimo

I’ve noticed that when the element first loads it’s data, it seems to grow to a set height, and then the element shrinks to fit the text content within it. Is there a way to stop this? I’d prefer for it to only grow in height once the text is loaded and it knows what height it needs to grow to. (Growing to a tall height and then immediately back down to the height of it’s content just feels a little distracting)

Thanks for a killer plugin!

1 Like

Hi @avern87!

I will put this on my list to explore the possibilities! Maybe I can make the loader a custom fixed height so it won’t expand and shrink anymore :slight_smile:

1 Like

Thanks for taking a look… I’m excited to see if you can fix it!

Hey @Thimo, great plugin - currently trialing it to see if it works for my use case.

Can you double check if auto-binding works? Can’t get it to save nor show the alert on success. I have tried on test pages, checked privacy rules, etc. but no dice.

Thanks :slight_smile:

Hi @wesfrank

Autobinding should be working. I have a demo for you here: Texteditordemo | Bubble Editor

I do see that someone else is on that page right now (maybe you), but keep in mind only 1 user can edit the text as otherwise it will be overwritten by the other users that is editing at the same time :slight_smile:

Let me know if this helps!