asimex-visual-editor/dist/types/editor.d.ts

A powerful visual page editor component for React applications

export interface SelectedElement {
    selector: string;
    tagName: string;
    id: string;
    classes: string[];
    textContent: string;
    computedStyles?: {
        [key: string]: string;
    };
    attributes?: {
        [key: string]: string;
    };
}
export interface StyleProperty {
    name: string;
    label: string;
    type: 'select' | 'color' | 'dimension' | 'slider' | 'number' | 'text';
    options?: string[];
    min?: number;
    max?: number;
    step?: number;
    unit?: string;
}
export interface StyleSection {
    name: string;
    icon: string;
    props: StyleProperty[];
}
export interface EditorMessage {
    type: 'ELEMENT_SELECTED' | 'APPLY_STYLE' | 'UPDATE_CLASSES' | 'DELETE_ELEMENT' | 'DUPLICATE_ELEMENT' | 'OPEN_ASSET_MANAGER' | 'SELECT_BY_SELECTOR' | 'APPLY_ATTR' | 'ADD_BLOCK' | 'GET_HTML' | 'EXPORT_DATA';
    payload: any;
}