Parse rich text JSON content submitted from the front end

Discord Q&A frontend-questions
1

I am currently using TipTap on the front end for users to submit their articles. Ideally, I’d like to edit that content in Strapi’s admin but unfortunately the output TipTap produces is not compatible with native Strapi’s JSON editor and vice versa. For instance,

Strapi’s native editor JSON content:

{ "type": "paragraph", "children": [ { "text": "Hello", "type": "text", "bold": true } ] }

TipTap JSON content:

{ "type": "paragraph", "content": [ { "marks": [...], "type": "text", "text": "Hello" } ] }

What would be the best course of action? Custom admin panel, some kind of JSON interpreter, replace Strapi’s native JSON block editor with TipTap?

This topic has been created from a Discord post (1297287032443375758) to give it more visibility.
It will be on Read-Only mode here.
Join the conversation on Discord

2

I would use an alternative editor. Or, go through this and create a mapper.