Portabletexteditor integration to Retool app

💬 App Building
1

  1. My goal: To build an app and integrate PortableTextEditor. I will be needing it for my app to generate a json from the text entered in the editor.

    image
    image928×702 17.2 KB

  2. Issue: I was not able to import the said plugin/library because it doesn't have CDN.

  3. Steps I've taken to troubleshoot: Currently checking for other way how to import this library on my retool app.

1 Like
3

Hi @rlmnl!

The best way to get a component like the Portable Text Editor to work with Retool is by deploying it as a custom component.

This takes a little more work than just including it in your existing app but the results can be rewarding.

Here's a quick proof of concept I did in about 20 minutes to prove it out:
portable

You can learn more about how to work with custom components here: Build custom React components | Retool Docs -- it helps to already be comfortable on the command line and with Node.js and React.

Once you adapt the code to load and pass state from React to Retool's expectations, you can keep on customizing the editor.

Let me know if you run into any issues and I can help debug.

  • Taylor
1 Like