Import raw HTML on init

Hi,

is it possible to import custom HTML into EditorJS on initialization?

For example - I have already existing HTML page, for which I need some WYSIWYG functionality.

Currently when I do:

<div id="page-content">
   <p>Hello</p>
   <p>World</p>
</div>

var editor = new EditorJS({
	holder : 'page-content'
});

then existing content of element “page-content” is ignored, and editor is just appended at the end (e.g. page bottom). Creates new empty space rather than importing two existing <p> nodes - Hello and World.

So it seems that EditosJS can only load supplied data of JSON blocks on initialization and cannot load any custom HTML contents. Is that correct or did I miss something … ?

I also looked over plugins - could not find any plugin for importing/parsing/loading supplied HTML.

Thank you.

[entonee]

@entonee we’re using that solution in production, so it’s working for all our customers. Maybe you have an issue with your HTML, or don’t have the necessary EditorJS blocks installed.

Thank you. i found a way. i get error with await ( i`m not using react - may be thats why)

but i added it to onReady and everything works like a charm

onReady: () => { editor.blocks.renderFromHTML(“<?=trim(preg_replace('/\s\s+/', ' ', addslashes($rw['body'])))?>”) }

but have an issue with images - i get an error ( Image Tool: uploading failed because of incorrect response: {“url”:“http://myimageurl”} )

cant figure out what is correct responce - trying send just http://myimageurl - same thing. google not helped yet.

[tkrevh]

@lubosdz I found the way!

await editor.isReady
editor.blocks.renderFromHTML(existingHtml)