insert-image

Описание

Срабатывает при вставке изображения (через панель инструментов, строку меню, вставку из буфера обмена или перетаскивание)

Использование

"insert-image": (IImageContext) => boolean | void;

interface IImageContext {
    id: TID;
    value: string;  // источник изображения: URL сервера, если задан imageUploadUrl, или base64 data URL, если изображение встроено
    width: number;
    height: number;
    // дополнительные свойства из контекста загрузчика, не обязательные для выполнения действия
    name?: string;
    file?: File;
    status?: string;
    selected: (ctx: IImageContext) => void;
    uploaded: (ctx: IImageContext) => void;
}

Примечание

Поле value содержит либо внешний URL (если настроен imageUploadUrl и загрузка прошла успешно), либо base64 data URL (если imageUploadUrl не задан и изображение встраивается на стороне клиента). Обработчики, работающие с источником — например, для перезаписи URL или проверки хоста — должны учитывать оба формата.

К сведению

Для обработки внутренних событий можно использовать методы Event Bus

Пример

// инициализация RichText
const editor = new richtext.Richtext("#root", {
    // свойства конфигурации
});
// подписка на событие "insert-image"
editor.api.on("insert-image", (obj) => {
    console.log(obj);
    console.log("The image was inserted");
});

Журнал изменений: Событие добавлено в v2.0