Feature Request: Allow strings for width/height of TipTap Youtube

[fredericbahr]

Description

When rendering an embedded youtube video using the official youtube extension the type for width and height are limited to number.

In order to support more and modern layouts, we can also pass strings as values to the attribute like width="100%". Currently this is not possible following the official TypeScript API.

Nonetheless this little workaround still achieves the desired goal:

    editor?.commands.setYoutubeVideo({
      src: form.url,
      width: form.fullWidth ? ("100%" as unknown as number) : (form.width ?? 480),
      height: form.height ?? 480,
    });

Use Case

Render an embedded youtube video with full size or with percentual sizes relative to the container or viewport

Proposed new api:

type SetYoutubeVideoOptions = { src: string; width?: number | string; height?: number | string; start?: number }

Notes

This most likely also has an effect on interface ‎YoutubeOptions

Type

New Tiptap API