appsmithorg / appsmith

Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
https://www.appsmith.com
Apache License 2.0
33.79k stars 3.64k forks source link

[Feature] Text Annotator #3361

Open Nikhil-Nandagopal opened 3 years ago

Nikhil-Nandagopal commented 3 years ago

Summary

Users need a widget to annotate text

riodeuno commented 3 years ago

@Nikhil-Nandagopal Can you share an example of your idea of the user experience?

Nikhil-Nandagopal commented 3 years ago

https://mcamac.github.io/react-text-annotate/

sivakumarjcn commented 1 year ago

Hi @Nikhil-Nandagopal Any update on this widget? we are looking for this widget.

Nikhil-Nandagopal commented 1 year ago

Hi @sivakumarjcn we're focusing on enabling custom widgets on the platform right now and with that, it's going to become very easy to add widgets like these soon. So unfortunately we're not prioritising this yet but we are going to make it really easy to add this and get it included soon. In the meanwhile you can try using the iframe to create a custom text annotator using a popular library. https://docs.appsmith.com/reference/widgets/iframe#custom-widgets @GreenFlux could you help out with a few steps?

GreenFlux commented 1 year ago

Hi @sivakumarjcn, here are a few general tips for working with iframes to build custom widgets. https://discord.com/channels/725602949748752515/1082285677212876821/1082349228849893427

I would try to build whatever you want in codepen/codesandbox, or a local HTML file first. It can be hard to determine if code is failing due to Appsmith security/limitations, or if it's the HTML. So get a basic PoC working outside of Appsmith first, then either paste the HTML in the iframe SrcDoc or host it externally and then use the link in the iframe Url.

sivakumarjcn commented 1 year ago

Thanks, @GreenFlux this is helpful to start with.