HTML to JSON?

[zeljko-bulatovic]

Is your feature request related to a problem? Please describe.
I need functionality to convert html to the yDoc so that i can store it in the database, for later load in the editor.

Describe the solution you’d like
Like we have generateHTML() method from @tiptap/html package, i would like to have opposite function, say generateJSONFromHtml()

Maybe such functionality exists, but i am not able to find it.
Thank you!

[lostdesign]

What about this? https://next.tiptap.dev/guide/output/#option-1-json

[zeljko-bulatovic]

I need this functionality on the server side..

[lostdesign]

Why not send the JSON over instead of HTML? Then no converting is necessary?

[zeljko-bulatovic]

I need it because i have api endpoint that accepts html from other sources, which can be later open and edited in the editor. Sure, i can make some workaround to temporary save html in the database, then open it on the front end and use front end to do the conversion and then update database again with the JSON, but i am not sure that is the right path.

[zeljko-bulatovic]

Hey guys, any updates regarding this one? Thank you in advance!

[tylerforesthauser]

I need it because i have api endpoint that accepts html from other sources, which can be later open and edited in the editor. Sure, i can make some workaround to temporary save html in the database, then open it on the front end and use front end to do the conversion and then update database again with the JSON, but i am not sure that is the right path.

+1
I'm in the same boat. I would love this sort of functionality!

[jaexplorer]

This is preventing me from going from Slate JS to this editor. I need to convert from HTML and back to it to store.

[BrianHung]

A rough sketch to do this could be to use the ProseMirror DOMParser class along with a DOM workaround in node.js such as jsdom (?).

[philippkuehn]

We’ve added a generateJSON method: https://www.tiptap.dev/api/utilities/html/#generate-json-from-html

I’m closing this but I’m sure that we’ll rename the @tiptap/html package in the near future because that name doesn’t really make sense anymore. Any suggestions?

I’ll keep you updated!

[multipliedtwice]

@philippkuehn

[2023-01-07 09:56:28.693] error: window is not defined
ReferenceError: window is not defined
    at elementFromString (C:\Users\...\...\node_modules\@tiptap\core\dist\tiptap-core.cjs.js:1563:5)

[PiWizard3852]

Same issue as @philippkuehn

[ryanjafari]

@philippkuehn

[2023-01-07 09:56:28.693] error: window is not defined
ReferenceError: window is not defined
    at elementFromString (C:\Users\...\...\node_modules\@tiptap\core\dist\tiptap-core.cjs.js:1563:5)

Make sure you are importing generateJSON from @tiptap/html, not @tiptap/core - that was my problem.