Polaris-react: Feature request: HTML editor

[BarryCarlyon]

Feature request: HTML editor

Polaris provides a "Default text field" form component. But doesn't provide a "rich html editor" or TinyMCE configuration.

Expected behavior

This would make it easier for Developers to take, say, a product description out of Shopify and provide it for easy editing in an Application under the same editor and configuration of said editor as native Shopify admin.

[timcmiller]

@BarryCarlyon is a WYSIWYG editor what you are looking for?

If so, I would love to see this as well!

[BarryCarlyon]

Yeah the same thing as (default option being same as) in Shopify product admin

[ry5n]

Thanks for the request, @BarryCarlyon. We will be building something for our internal use case, but for a variety of technical reasons we’re not able to translate that directly into something we can release in Polaris. Right now a rich text/HTML editor is part of our backlog.

Because we’re not able to actively work on this right now, I’ll close this issue. However, we encourage everyone who’s interested to add a 👍 to the original issue report. We’ll take your collective interest into account when we look at what to work on next.

[timcmiller]

Hey @ry5n,

Wanted to chime in and see if there was any plan on re-opening this issue. You encouraged people to add a 👍 if they were still interested and it now has more than double the amount of 👍 than any other issue. Would love to see this component implemented.

[rkbhochalya]

I would love to have that as well.

[ry5n]

Thanks for the upvotes everyone. It’s clear that this is the no. 1 feature request; we’ll discuss how we might make this available. For a variety of technical reasons we may not be able to simply release the component we use internally for this—meaning we might have to build it twice. That’s just for transparency around why this might be more effort than one might expect.

[androb]

We are in the process of getting TinyMCE version 5 ready for release with a really great new UX, and we could look at including a Polaris theme if it is of interest

[SylarRuby]

If I'm correct, Shopify uses Basecamp's Trix editor underneath the hood so, why we need this? 🤷🏽‍♂️

[acomito]

@SylarRuby is there a good react version of trix?

[androb]

Not sure, I think Spotify have done some work with TinyMCE in the past. V5 of TinyMCE has come a long way since September last year. Would be good timing to look at a Polaris skin now.

[pratiknikam]

Any update around this @androb @ry5n ? Components status still shows it as under consideration.

[kaelig]

👋 This isn't on the roadmap at the moment, but we keep an eye on this issue for future prioritization.

[greghesp]

A +1 from me. Ideal for when you want to create a new product from within your app

[michelarteta]

We need this component please!!!! I want to give the option to the user to customize text without having to insert HTML

[LukaszWiktor]

I'd also need a visual HTML editor component.

[Karen-boop]

+1 This would be super useful for internal apps too. At the moment am using Markdown as a workaround, but an RTE would be much more user-friendly and easy to use for internal teams. :)

[tal87]

Would love to see this component :)

[taketsu]

I'd like to have an editor that can also handle liquid as seen in the admin panel.

[Popesites]

Would Love this!

[alexissel]

This is a must!!
Would be really great to have this feature implemented into Shopify Polaris.