/

Basic

#

You can use TUI_ATTACH_FILES_LOADER and TUI_ATTACH_FILES_OPTIONS tokens for attach any files in your editor

    
    

Upload files

#

This demo uses a local mock that produces blob: URLs via URL.createObjectURL , so protocols: ['blob'] is added to provideTuiEditor . With a real HTTP upload the server returns an https:// URL, which is allowed by default — no extra link configuration needed.

Attach file

Separate toolbar

#

When tui-toolbar is used as a separate element outside tui-editor , bind (fileAttached) on tui-toolbar directly — the event does not propagate to tui-editor automatically. The protocols: ['blob'] option is only needed for this demo's mock — real https:// URLs work without it.

Attach file

Shared toolbar

#

A single tui-toolbar can be shared across multiple tui-editor instances. Use (focusIn) to track the active editor and pass it via [editor] . Bind (fileAttached) on the toolbar — files will be attached to whichever editor was last focused. The protocols: ['blob'] option is only needed for this demo's mock — real https:// URLs work without it.

Attach file
Header
Main