editium
Version:
A powerful and feature-rich React rich text editor component built with Slate.js, featuring comprehensive formatting options, tables, images, find & replace, and more
40 lines (39 loc) • 1.13 kB
TypeScript
import React from 'react';
import { ToolbarItem } from './types';
interface ToolbarProps {
items: ToolbarItem[];
className?: string;
onViewOutput?: (type: 'html' | 'json' | 'preview') => void;
onEditLink?: (linkData: {
url: string;
title?: string;
target?: '_blank' | '_self';
text: string;
}) => void;
searchQuery?: string;
searchMatches?: Array<{
path: any;
offset: number;
text: string;
}>;
currentMatchIndex?: number;
onSearchQueryChange?: (query: string) => void;
onSearchMatchesChange?: (matches: Array<{
path: any;
offset: number;
text: string;
}>) => void;
onCurrentMatchIndexChange?: (index: number) => void;
isFullscreen?: boolean;
onFullscreenToggle?: () => void;
onImportDocx?: (file: File) => void;
onExportDocx?: () => void;
onExportPdf?: () => void;
importStatus?: {
type: 'success' | 'error' | 'info';
message: string;
} | null;
onClearImportStatus?: () => void;
}
declare const Toolbar: React.FC<ToolbarProps>;
export default Toolbar;