v3.10.0 • tldraw Docs

This release introduces rich text as a first-class primitive within the Editor, alongside various performance improvements and bug fixes.

What's new

Rich text support

The SDK now offers rich text as a first-class primitive. The implementation utilizes TipTap with its StarterKit extension plus additional customizations. Developers can configure this functionality through a textOptions property to customize TipTap and modify extensions.

API changes

💥 text property on most shapes replaced with richText. When setting values, use richText: toRichText('some string') instead of text: 'some string'. When retrieving values, use renderPlaintextFromRichText(props.text) rather than props.text.
Add asset rehydration for .tldr files containing embedded base64 data.
Add BrokenAssetIcon display on file upload failures.
Add public collaboration hooks (usePeerIds, usePresence).
Add userId parameter to collaboration components.

Bug fixes

Fix performance regression affecting document loading.
Fix Firefox export/style embedding for foreignObjects.
Fix shape reparenting order preservation.
Fix resize functionality.
Fix Safari file pasting issues.
Fix SSR environment compatibility (core-js import removal).
Fix IME text duplication in Chrome.

View release on GitHub

Patch releases

v3.10.1

Fix API reference links in state packages. (#5610)

View release on GitHub

v3.10.2

Add textOptions to <TldrawImage /> component. (#5650)

View release on GitHub

v3.10.3

Fix Inter font being embedded in exports. (#5676)
Reduce excessive styling in exported content. (#5676)

View release on GitHub