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.
@levon I had a look through the documentation again although can’t seem to find any instructions of how to actually store the data. I did see in tour demo you load through search which works for me as well when copying in the json from your demo.
Thanks for helping out. This will be very useful for a new version of Teeming.
Hello @rene, I hope you are doing well so for saving data to the database you have to enable autosave checkbox in Editor properties than you have to set up your event for saving, it may be button click for example. So I create two buttons to demonstrate to you how to save data from EditorJs with the creation of new items and updating the old one. Firstly - the creation action workflow you can find here, the second action workflow you can find here.
@levon, I’m running into an issue when refreshing the editor to set new content. In my application, there are templates users can select, and then when they select the template it adds the body of the template to the modular text & docs editor.
You need to have your database data (templates that users can select) formatted as a JSON code. The Modular Text & Docs Editor plugin works only with the JSON. So, if you want to use the data from your database or input field (like on your second screenshot), you need to have it formatted differently.
The example of this you can see on our demo page (editor):
to display the data from the database, within the plugin element, you refer to the database table - Screenshot by Lightshot
To make your plugin work correctly within your app, you need to change the content format of your database table to JSON. Would you kindly check out our plugin editor/demo page and make sure it is working properly under the correct setup?
Also, I can suggest you take a look at our ZQ Rich Text Editor 2.0 plugin. For this plugin, the data does not need to be in JSON format - it can work with plain text too, and it has pretty much the same functionalities:
Please check out its demo page/editor and documentation first, to make sure it can be useful for you.
Please let me know if I can help you somehow more
Indeed, the plugin element does have a limit of 650px. Even if we try to set it to 100% width, the content inside will still be displayed as 650px. I’ve passed this to our developers, as soon as I have any news I’ll get back to you.