New to svelte - Examples of how to use the editor props

[ghoshsanjoy78]

Hi,

I am very new to Svelte and trying to use this component. I am not able to understand how to use the 'editor' props like instance, save, clear etc.

Here are a couple of things I want to do -

1. On clicking a button, clear the contents of the entire editor
2. On clicking another button, output the json version of the editor data

Any help is appreciated! Thanks

[pablo-abc]

Hey! This package was made as a way to integrate EditorJS with a personal project of mine. Sadly I actually didn't get to build said project so I have not been able to improve on this that much. Having said that I'm completely decided to maintain that if people decide to use it and point issues to me!

Regarding your use case, here's a REPL example on how I would do what you've described to me. Basically using the editor returned by createEditor as a readable store and calling $editor.save() and $editor.clear() on it.

[Creativty]

@pablo-abc I wanna use this repo for as a part in my cms for a project I am working on. And I wonder how can I implement tools ?
Btw thanks for the project in the first place :)

[pablo-abc]

@Creativty, you would add tools the same way you'd add them if you were using EditorJS with Vanilla JS. The createEditor function accepts the same configuration object as EditorJS.

Are you using SSR (SvelteKit for example)? If so, make sure your editor is in a component that only gets rendered on the client, not on the server.

[luismanson]

Hello Pablo, thanks for your project, I'm a newbie to svelte too, and need a bit of help, can't wrap my head arround "use" and need to know,
Is there a way to instantiate a new editor after some event, like a button click?

Cheers!