feat(render): data-text-format attribute for each html-to-text format

[HasanQQ]

I know render utility has a htmlToTextOptions (docs) option but the preview server uses default settings (from here). I want to use the dataTable format and also want to see the it's output on the preview server; someone else might want to see a different format. So I added selectors for each format supported on the html-to-text docs (formatters).

---

Summary by cubic

Adds support for a data-text-format attribute that maps to every html-to-text formatter, so you can control plain-text conversion per element and see the result in the preview server. Defaults remain unchanged and this is opt-in.

• New Features
  • Use data-text-format="{formatter}" on any element to apply a specific formatter (covers all predefined formatters like dataTable, table, heading, etc.).
  • Works in preview and production render; no breaking changes.

[changeset-bot]

⚠️ No Changeset found

Latest commit: af6f11f

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

@HasanQQ is attempting to deploy a commit to the resend Team on Vercel.

A member of the Team first needs to authorize it.

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/resend/react-email/@react-email/render@2596

commit: af6f11f

[cubic-dev-ai]

No issues found across 1 file