All topics

Editor.js package

Janis

1 month ago

Since there does not seem to be a post in packages for editor.js, I'm asking my question here:

1. Does anyone know whether it is possible to completely remove the option for users to make any changes to a tool-type, e.g. in my case to the text. I only want the user to be able to change the text if required, but not add any further tools. I know I can set all the tools to false but then it still shows the plus and drag icons.
2. When I load the component initially, then the data is not shown. only after navigating to another tab and coming back to this tab, the data is shown. I tested both saving the content in a variable from the api call and from the call directly, but i always have to go back and fort.

Thank you very much for your help! 🙂
Kamil

1 month ago

Hey @Janis there is post in packages: https://discord.com/channels/972416966683926538/1220090793436647476
Kamil

1 month ago

I'm not exactly sure what you mean. What about setting the read-only attribute to true?
Janis

1 month ago

Ahh I just couldn’t find it 🙈
So I still want to be able to edit the text just without all the options as it is just text.
I would like to remove the plus and drag icons but keep the text edit possibility. Does that make sense? In the editor.js docs it said to just keep them empty but that didn’t work 🤔
Kamil

1 month ago

@Janis In that case, the only thing you can do is add some CSS to the page.
.ce-toolbar__actions {
display: none;
}
👍1
Janis

1 month ago

Ah perfect, thank you so much. Works like a charm! I see you just went to inspect element and hide it 🙏
Janis

1 month ago

Regarding my 2nd question, do you have an idea why it doesn't load the content initially?
Like you can see in the recording, only when i move tabs and then come back the content loads. i tried loading it from a variable directly as well as from the call itself, but both times the same issue appears.
Thank you so much, very much appreciate your help!
Janis

1 month ago

I also have other content on the page from the same api call that shows just fine, so i guess it has to do with the initialiation of the component or so?! 🤔
@Janis
I also have other content on the page from the same api call that shows just fine, so i guess it has to do with the initialiation of the component or so?! 🤔
Kamil

1 month ago

I will take a look today. I do plan to update the package, as it has been quite a while since I built it. I'll let you know if it's a bug or something else.
🙏1
Kamil

1 month ago

Okay @Janis, I took a quick look, and it works just fine for me. Can you send me your toddle username so I can invite you to the project where I'm testing this? Let's see if we can fix your case.
👍1
Janis

1 month ago

Hey @Kamil Thank you so much, will share it via DM!
👍1
Janis

1 month ago

Update: Create a showEditor variable with an initial state of false and set it to true when the api has returned the content
👍1

Editor.js package

Janis

Kamil

Kamil

Janis

Kamil

Janis

Janis

Janis

Kamil

Kamil

Janis

Janis

Stop scrolling. Start building.

Chat with @team-toddle

Video call our CEO

Get in touch!

Product

Company

Resources

Community