react-latex-editor
Version:
A professional React rich text editor with mathematical equation support, built on TipTap with MathLive integration. Production-ready with TypeScript support, accessibility features, and industrial-grade error handling.
150 lines • 3.64 kB
TypeScript
/**
* Configuration constants for the editor
*/
/**
* Default editor configuration
*/
export declare const DEFAULT_CONFIG: {
readonly minHeight: "300px";
readonly maxHeight: "800px";
readonly placeholder: "Start typing...";
readonly autoFocus: false;
readonly showCharacterCount: true;
readonly showTableControls: true;
};
/**
* Math equation delimiters
*/
export declare const MATH_DELIMITERS: {
readonly inline: "$";
readonly block: "$$";
};
/**
* Editor keyboard shortcuts
*/
export declare const KEYBOARD_SHORTCUTS: {
readonly bold: "Mod-b";
readonly italic: "Mod-i";
readonly underline: "Mod-u";
readonly strike: "Mod-Shift-x";
readonly code: "Mod-e";
readonly undo: "Mod-z";
readonly redo: "Mod-Shift-z";
readonly save: "Mod-s";
readonly link: "Mod-k";
readonly math: "Mod-m";
};
/**
* Supported image formats
*/
export declare const SUPPORTED_IMAGE_FORMATS: readonly ["image/jpeg", "image/jpg", "image/png", "image/gif", "image/webp", "image/svg+xml"];
/**
* Max file sizes (in bytes)
*/
export declare const MAX_FILE_SIZE: {
readonly image: number;
readonly video: number;
};
/**
* Editor limits
*/
export declare const EDITOR_LIMITS: {
readonly maxCharacters: 100000;
readonly maxImages: 50;
readonly maxTables: 20;
readonly maxMathEquations: 200;
};
/**
* Default colors for text and background
*/
export declare const DEFAULT_COLORS: readonly ["#000000", "#ffffff", "#ef4444", "#f97316", "#f59e0b", "#eab308", "#84cc16", "#22c55e", "#10b981", "#14b8a6", "#06b6d4", "#0ea5e9", "#3b82f6", "#6366f1", "#8b5cf6", "#a855f7", "#d946ef", "#ec4899", "#f43f5e"];
/**
* Font families
*/
export declare const FONT_FAMILIES: readonly [{
readonly label: "Default";
readonly value: "";
}, {
readonly label: "Arial";
readonly value: "Arial, sans-serif";
}, {
readonly label: "Times New Roman";
readonly value: "Times New Roman, serif";
}, {
readonly label: "Courier New";
readonly value: "Courier New, monospace";
}, {
readonly label: "Georgia";
readonly value: "Georgia, serif";
}, {
readonly label: "Verdana";
readonly value: "Verdana, sans-serif";
}, {
readonly label: "Comic Sans";
readonly value: "Comic Sans MS, cursive";
}, {
readonly label: "Impact";
readonly value: "Impact, sans-serif";
}, {
readonly label: "Trebuchet";
readonly value: "Trebuchet MS, sans-serif";
}];
/**
* Font sizes
*/
export declare const FONT_SIZES: readonly [{
readonly label: "8";
readonly value: "8px";
}, {
readonly label: "10";
readonly value: "10px";
}, {
readonly label: "12";
readonly value: "12px";
}, {
readonly label: "14";
readonly value: "14px";
}, {
readonly label: "16";
readonly value: "16px";
}, {
readonly label: "18";
readonly value: "18px";
}, {
readonly label: "20";
readonly value: "20px";
}, {
readonly label: "24";
readonly value: "24px";
}, {
readonly label: "28";
readonly value: "28px";
}, {
readonly label: "32";
readonly value: "32px";
}, {
readonly label: "36";
readonly value: "36px";
}, {
readonly label: "48";
readonly value: "48px";
}, {
readonly label: "64";
readonly value: "64px";
}];
/**
* Heading levels
*/
export declare const HEADING_LEVELS: readonly [1, 2, 3, 4, 5, 6];
/**
* Z-index layers
*/
export declare const Z_INDEX: {
readonly base: 1;
readonly dropdown: 10;
readonly toolbar: 50;
readonly modal: 100;
readonly tooltip: 150;
readonly notification: 200;
};
//# sourceMappingURL=config.d.ts.map