Skip to content

Latest commit

 

History

History
81 lines (61 loc) · 1.45 KB

image.md

File metadata and controls

81 lines (61 loc) · 1.45 KB
Raw

Image extension

Use this extension to render Image element. This extension extend from @tiptap/extension-image.

Paste images can be uploaded automatically.

Options

HTMLAttributes

Custom HTML attributes that should be added to the rendered HTML tag.

Image.configure({
  HTMLAttributes: {
    class: "my-custom-class",
  },
});

dictionary

If you need to internationalize this extension, you can use this option.

Image.configure({
  dictionary: {
    name: "Image",
    empty: "Add image",
    error: "Error loading image",
    loading: "Loading image...",
    inputSrc: "Enter or paste link",
    inputAlt: "Image description",
    inputTitle: "Image title",
    imageOpen: "Open image",
    imageUpload: "Upload image",
    imageDelete: "Delete image",
    alignLeft: "Left alignment",
    alignCenter: "Center alignment",
    alignRight: "Right alignment",
  },
});

inline

Whether to set the audio extension to inline mode.

Image.configure({
  inline: false,
});

Commands

setImage()

Insert a new audio element.

editor.commands.setImage({
  src: "https://example.com",
  alt: "example alt",
  title: "example title",
  align: "center",
  width: "100px"
});

InputRules

[example alt](https://example.com "example title")

Markdown

[example alt](https://example.com "example title")