@kedao/editor
Version:
Rich Text Editor Based On Draft.js
56 lines (55 loc) • 1.81 kB
TypeScript
import React from 'react';
import './style.scss';
declare class Image extends React.Component<any, any> {
state: {
toolbarVisible: boolean;
toolbarOffset: number;
linkEditorVisible: boolean;
sizeEditorVisible: boolean;
tempLink: any;
tempWidth: any;
tempHeight: any;
};
imageElement: React.RefObject<HTMLImageElement>;
mediaEmbederInstance: React.RefObject<HTMLDivElement>;
toolbarElement: React.RefObject<HTMLDivElement>;
initialLeft: any;
initialTop: any;
initialWidth: any;
initialHeight: any;
reSizeType: any;
zoom: any;
changeSize: (e: any) => void;
moveImage: (e: any) => void;
upImage: () => void;
repareChangeSize: (type: any) => (e: any) => void;
lockEditor(): void;
unlockEditor(): void;
calcToolbarOffset(): number;
preventDragEvent: (event: any) => void;
handleDragStart: () => boolean;
handleDragEnd: () => boolean;
executeCommand: (command: any) => void;
removeImage: () => void;
toggleLinkEditor: () => void;
toggleSizeEditor: () => void;
handleLinkInputKeyDown: (e: any) => void;
setImageLink: (e: any) => void;
setImageLinkTarget(linkTarget: any): boolean;
confirmImageLink: () => boolean;
handleSizeInputKeyDown: (e: any) => void;
setImageWidth: ({ currentTarget }: {
currentTarget: any;
}) => void;
setImageHeight: ({ currentTarget }: {
currentTarget: any;
}) => void;
confirmImageSize: () => boolean;
confirmImageSizeEqualRatio: () => boolean;
setImageFloat: (float: any) => boolean;
setImageAlignment: (alignment: any) => boolean;
showToolbar: (event: any) => boolean;
hideToolbar: (event: any) => void;
render(): JSX.Element;
}
export default Image;