HiAjithamarlin Edward, I just tested this today, it doesn't seem to work.
here's the version I'm working with:
"@syncfusion/ej2-base": "20.2.39",
"@syncfusion/ej2-buttons": "20.2.38",
"@syncfusion/ej2-dropdowns": "20.2.39",
"@syncfusion/ej2-inputs": "20.2.38",
"@syncfusion/ej2-lists": "20.2.39",
"@syncfusion/ej2-navigations": "20.2.39",
"@syncfusion/ej2-popups": "20.2.39",
"@syncfusion/ej2-react-base": "20.2.38",
"@syncfusion/ej2-react-documenteditor": "20.2.39",
"@syncfusion/ej2-react-inputs": "20.2.38",
"@syncfusion/ej2-splitbuttons": "20.2.38",
here's my sample code:
import React, { FunctionComponent, ReactElement, useRef } from 'react';
import {
DocumentEditorComponent,
Print,
SfdtExport,
WordExport,
TextExport,
Selection,
Search,
Editor,
ImageResizer,
EditorHistory,
ContextMenu,
OptionsPane,
HyperlinkDialog,
TableDialog,
BookmarkDialog,
TableOfContentsDialog,
PageSetupDialog,
StyleDialog,
ListDialog,
ParagraphDialog,
BulletsAndNumberingDialog,
FontDialog,
TablePropertiesDialog,
BordersAndShadingDialog,
TableOptionsDialog,
CellOptionsDialog,
StylesDialog
} from '@syncfusion/ej2-react-documenteditor';
DocumentEditorComponent.Inject(
Print,
SfdtExport,
WordExport,
TextExport,
Selection,
Search,
Editor,
ImageResizer,
EditorHistory,
ContextMenu,
OptionsPane,
HyperlinkDialog,
TableDialog,
BookmarkDialog,
TableOfContentsDialog,
PageSetupDialog,
StyleDialog,
ListDialog,
ParagraphDialog,
BulletsAndNumberingDialog,
FontDialog,
TablePropertiesDialog,
BordersAndShadingDialog,
TableOptionsDialog,
CellOptionsDialog,
StylesDialog
);
const TestPage: FunctionComponent = (): ReactElement => {
const documentEditorRef = useRef<DocumentEditorComponent>(null);
const insertTable = (): void => {
documentEditorRef.current!.editor.insertTable(10, 10);
};
return (
<>
<div>
<button onClick={insertTable}>Insert Table</button>
</div>
<DocumentEditorComponent
ref={documentEditorRef}
id='container'
height='830px'
isReadOnly={false}
enablePrint={true}
enableSelection={true}
enableEditor={true}
enableEditorHistory={true}
enableContextMenu={true}
enableSearch={true}
enableOptionsPane={true}
enableBookmarkDialog={true}
enableBordersAndShadingDialog={true}
enableFontDialog={true}
enableTableDialog={true}
enableParagraphDialog={true}
enableHyperlinkDialog={true}
enableImageResizer={true}
enableListDialog={true}
enablePageSetupDialog={true}
enableSfdtExport={true}
enableStyleDialog={true}
enableTableOfContentsDialog={true}
enableTableOptionsDialog={true}
enableTablePropertiesDialog={true}
enableTextExport={true}
enableWordExport={true}
/>
</>
);
};
export default TestPage;
