Files
pdfme/packages/ui
necessarylion 97de880147 feat(schemas): add inline-markdown formatting toolbar in the Designer
When editing a text field with "Use Inline Markdown" enabled, the Designer
now shows a floating toolbar over the selected text with Bold, Italic,
Strikethrough, Code and Link buttons.

- Edits the markdown source in a textarea for reliable selection handling
- Buttons wrap/unwrap the selection and toggle correctly, including
  combined formats (e.g. removing italic from ***foo*** -> **foo**)
- Active-state highlighting reflects the formats under the selection
- Positioned above the selection via a mirror-div caret measurement,
  scale-corrected for the zoomed canvas
- Formats are data-driven (INLINE_FORMATS) so new ones are easy to add
- Adds i18n keys (bold/italic/strikethrough/code/link + link URL prompt)
  for all supported languages

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-24 23:51:59 +07:00
..
2026-03-21 09:24:02 +09:00
2026-03-21 09:24:02 +09:00
2026-03-21 09:24:02 +09:00

@pdfme/ui

This library provides the following classes, which can be integrated into applications built with any framework:

  • Designer: A WYSIWYG editor for designing templates.
  • Form: A form based on templates for collecting input data.
  • Viewer: A viewer for displaying PDF files generated with @pdfme/generator using templates and input data.

The published @pdfme/ui package ships as a standalone bundle, so consumers do not need to install react or react-dom separately just to use these classes.

For the complete documentation of pdfme, please refer to this link.