Search results

Open default document in React DocumentEditor component

15 Oct 2021 / 2 minutes to read

In this article, we are going to see how to open a default document when Document Editor & Document Editor Container is initialized.

Opening a default document in DocumentEditor

Source
Preview
index.jsx
index.tsx
index.html
Copied to clipboard
import * as ReactDOM from 'react-dom';
import * as React from 'react';
import { DocumentEditorComponent, Editor } from '@syncfusion/ej2-react-documenteditor';
DocumentEditorComponent.Inject(Editor);
export class Default extends React.Component {
    created() {
        // load your default document here
        let data = `{"sections":[{"sectionFormat":{"pageWidth":612,"pageHeight":792,"leftMargin":72,"rightMargin":72,"topMargin":72,"bottomMargin":72,"differentFirstPage":false,"differentOddAndEvenPages":false,"headerDistance":36,"footerDistance":36,"bidi":false},"blocks":[{"paragraphFormat":{"afterSpacing":30,"styleName":"Heading 1","listFormat":{}},"characterFormat":{},"inlines":[{"characterFormat":{},"text":"Adventure Works Cycles"}]}],"headersFooters":{"header":{"blocks":[{"paragraphFormat":{"listFormat":{}},"characterFormat":{},"inlines":[]}]},"footer":{"blocks":[{"paragraphFormat":{"listFormat":{}},"characterFormat":{},"inlines":[]}]}}}],"characterFormat":{"bold":false,"italic":false,"fontSize":11,"fontFamily":"Calibri","underline":"None","strikethrough":"None","baselineAlignment":"Normal","highlightColor":"NoColor","fontColor":"empty","fontSizeBidi":11,"fontFamilyBidi":"Calibri","allCaps":false},"paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":0,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","listFormat":{},"bidi":false},"defaultTabWidth":36,"trackChanges":false,"enforcement":false,"hashValue":"","saltValue":"","formatting":false,"protectionType":"NoProtection","dontUseHTMLParagraphAutoSpacing":false,"formFieldShading":true,"styles":[{"name":"Normal","type":"Paragraph","paragraphFormat":{"lineSpacing":1.149999976158142,"lineSpacingType":"Multiple","listFormat":{}},"characterFormat":{"fontFamily":"Calibri"},"next":"Normal"},{"name":"Default Paragraph Font","type":"Character","characterFormat":{}},{"name":"Heading 1 Char","type":"Character","characterFormat":{"fontSize":16,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 1","type":"Paragraph","paragraphFormat":{"beforeSpacing":12,"afterSpacing":0,"outlineLevel":"Level1","listFormat":{}},"characterFormat":{"fontSize":16,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 1 Char","next":"Normal"},{"name":"Heading 2 Char","type":"Character","characterFormat":{"fontSize":13,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 2","type":"Paragraph","paragraphFormat":{"beforeSpacing":2,"afterSpacing":6,"outlineLevel":"Level2","listFormat":{}},"characterFormat":{"fontSize":13,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 2 Char","next":"Normal"},{"name":"Heading 3","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level3","listFormat":{}},"characterFormat":{"fontSize":12,"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Normal","link":"Heading 3 Char","next":"Normal"},{"name":"Heading 3 Char","type":"Character","characterFormat":{"fontSize":12,"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Default Paragraph Font"},{"name":"Heading 4","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level4","listFormat":{}},"characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 4 Char","next":"Normal"},{"name":"Heading 4 Char","type":"Character","characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 5","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level5","listFormat":{}},"characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 5 Char","next":"Normal"},{"name":"Heading 5 Char","type":"Character","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 6","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level6","listFormat":{}},"characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Normal","link":"Heading 6 Char","next":"Normal"},{"name":"Heading 6 Char","type":"Character","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Default Paragraph Font"}],"lists":[],"abstractLists":[],"comments":[],"revisions":[],"customXml":[]}`;
        // Open the default document
        this.documentEditor.open(data);
    }
    componentDidMount() {
        setTimeout(() => {
            this.created();
        });
    }
    render() {
        return (<DocumentEditorComponent id="container" height={'590px'} ref={(scope) => {
            this.documentEditor = scope;
            this.created.bind(this);
        }} serviceUrl="https://ej2services.syncfusion.com/production/web-services/api/documenteditor/" enableToolbar={true}/>);
    }
}
ReactDOM.render(<Default />, document.getElementById('sample'));
Copied to clipboard
import * as ReactDOM from 'react-dom';
import * as React from 'react';
import { DocumentEditorComponent, Editor } from '@syncfusion/ej2-react-documenteditor';
DocumentEditorComponent.Inject(Editor);
export class Default extends React.Component {
    public documentEditor: DocumentEditorComponent;
    created() {
        // load your default document here
        let data = `{"sections":[{"sectionFormat":{"pageWidth":612,"pageHeight":792,"leftMargin":72,"rightMargin":72,"topMargin":72,"bottomMargin":72,"differentFirstPage":false,"differentOddAndEvenPages":false,"headerDistance":36,"footerDistance":36,"bidi":false},"blocks":[{"paragraphFormat":{"afterSpacing":30,"styleName":"Heading 1","listFormat":{}},"characterFormat":{},"inlines":[{"characterFormat":{},"text":"Adventure Works Cycles"}]}],"headersFooters":{"header":{"blocks":[{"paragraphFormat":{"listFormat":{}},"characterFormat":{},"inlines":[]}]},"footer":{"blocks":[{"paragraphFormat":{"listFormat":{}},"characterFormat":{},"inlines":[]}]}}}],"characterFormat":{"bold":false,"italic":false,"fontSize":11,"fontFamily":"Calibri","underline":"None","strikethrough":"None","baselineAlignment":"Normal","highlightColor":"NoColor","fontColor":"empty","fontSizeBidi":11,"fontFamilyBidi":"Calibri","allCaps":false},"paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":0,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","listFormat":{},"bidi":false},"defaultTabWidth":36,"trackChanges":false,"enforcement":false,"hashValue":"","saltValue":"","formatting":false,"protectionType":"NoProtection","dontUseHTMLParagraphAutoSpacing":false,"formFieldShading":true,"styles":[{"name":"Normal","type":"Paragraph","paragraphFormat":{"lineSpacing":1.149999976158142,"lineSpacingType":"Multiple","listFormat":{}},"characterFormat":{"fontFamily":"Calibri"},"next":"Normal"},{"name":"Default Paragraph Font","type":"Character","characterFormat":{}},{"name":"Heading 1 Char","type":"Character","characterFormat":{"fontSize":16,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 1","type":"Paragraph","paragraphFormat":{"beforeSpacing":12,"afterSpacing":0,"outlineLevel":"Level1","listFormat":{}},"characterFormat":{"fontSize":16,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 1 Char","next":"Normal"},{"name":"Heading 2 Char","type":"Character","characterFormat":{"fontSize":13,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 2","type":"Paragraph","paragraphFormat":{"beforeSpacing":2,"afterSpacing":6,"outlineLevel":"Level2","listFormat":{}},"characterFormat":{"fontSize":13,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 2 Char","next":"Normal"},{"name":"Heading 3","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level3","listFormat":{}},"characterFormat":{"fontSize":12,"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Normal","link":"Heading 3 Char","next":"Normal"},{"name":"Heading 3 Char","type":"Character","characterFormat":{"fontSize":12,"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Default Paragraph Font"},{"name":"Heading 4","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level4","listFormat":{}},"characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 4 Char","next":"Normal"},{"name":"Heading 4 Char","type":"Character","characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 5","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level5","listFormat":{}},"characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 5 Char","next":"Normal"},{"name":"Heading 5 Char","type":"Character","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 6","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level6","listFormat":{}},"characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Normal","link":"Heading 6 Char","next":"Normal"},{"name":"Heading 6 Char","type":"Character","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Default Paragraph Font"}],"lists":[],"abstractLists":[],"comments":[],"revisions":[],"customXml":[]}`;
        // Open the default document
        this.documentEditor.open(data);
    }
    componentDidMount() {
        setTimeout(() => {
            this.created();
        });
    }
    render() {
        return (<DocumentEditorComponent id="container" height={'590px'} ref={(scope) => {
            this.documentEditor = scope;
            this.created.bind(this);
        }}
            serviceUrl="https://ej2services.syncfusion.com/production/web-services/api/documenteditor/" enableToolbar={true} />
        );
    }
}
ReactDOM.render(<Default />, document.getElementById('sample'));
Copied to clipboard
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Syncfusion React Button</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Essential JS 2 for React Components" />
    <meta name="author" content="Syncfusion" />
    <link href="index.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-react-documenteditor/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-react-navigations/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-documenteditor/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-buttons/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-base/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-dropdowns/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-inputs/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-lists/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-navigations/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-popups/styles/fabric.css" rel="stylesheet" />    
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
    <script src="systemjs.config.js"></script>
</head>

<body>
        <div id='sample'>
            <div id='loader'>Loading....</div>
        </div>
</body>

</html>
<style>
    /** Document editor sample level font icons*/

@font-face {
  font-family: 'Sample brower icons';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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YQBsACAAUwBhAG0AcABsAGUAIABiAHIAbwB3AGUAcgAgAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAEYAaQBuAGEAbAAgAFMAYQBtAHAAbABlACAAYgByAG8AdwBlAHIAIABpAGMAbwBuAHMARgBpAG4AYQBsACAAUwBhAG0AcABsAGUAIABiAHIAbwB3AGUAcgAgAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAARgBpAG4AYQBsACAAUwBhAG0AcABsAGUAIABiAHIAbwB3AGUAcgAgAGkAYwBvAG4AcwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIAB1AHMAaQBuAGcAIABTAHkAbgBjAGYAdQBzAGkAbwBuACAATQBlAHQAcgBvACAAUwB0AHUAZABpAG8AdwB3AHcALgBzAHkAbgBjAGYAdQBzAGkAbwBuAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/AQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQEuAS8BMAExATIBMwE0ATUBNgE3ATgBOQE6ATsBPAE9AT4BPwFAAAtTdHJva2VTdHlsZQhCb29rbWFyawdQaWN0dXJlBEZpbmQNT3V0c2lkZUJvcmRlcgdKdXN0aWZ5BUNsb3NlDkRlY3JlYXNlSW5kZW50FVBpeGVsQWxpZ25DZW50ZXJUYWJsZQ9CYWNrZ3JvdW5kQ29sb3ILQWxpZ25Cb3R0b20JUGFnZVNldHVwDkhpZ2hsaWdodENvbG9yC1N1cGVyc2NyaXB0BVRhYmxlBFVuZG8LSW5zZXJ0QmVsb3cJVG9wQm9yZGVyClBhZ2VOdW1iZXIQQWxpZ25DZW50ZXJUYWJsZQ5JbmNyZWFzZUluZGVudARCb2xkCUFsaWduTGVmdAZGb290ZXILSW5zZXJ0UmlnaHQJVW5kZXJsaW5lCkluc2VydExlZnQETG9jawZIZWFkZXINU3RyaWtldGhyb3VnaAhDbGVhckFsbAtSaWdodEJvcmRlcgpBbGlnblJpZ2h0BE9wZW4KU3Ryb2tlU2l6ZQVQcmludAtEZWxldGVUYWJsZQlGb250Q29sb3INSW5zaWRlQm9yZGVycwpEZWxldGVSb3dzCERvd25sb2FkC0xpbmVTcGFjaW5nFEluc2lkZVZlcnRpY2FsQm9yZGVyCEFsaWduVE9wBFJlZG8MQm90dG9tQm9yZGVyA05ldwVQYXN0ZQdCdWxsZXRzBENlbGwNRGVsZXRlQ29sdW1ucwpBbGxCb3JkZXJzCVN1YnNjcmlwdBBTaG93SGlkZVByb3BlcnR5DlRhYmxlT2ZDb250ZW50Bkl0YWxpYxZJbnNpZGVIb3Jpem9uZGFsYm9yZGVyC0xlZnRCb3JkZXJzCU51bWJlcmluZwRMaW5rC0FsaWduQ2VudGVyC0luc2VydEFib3ZlAAAAAAA=) format('truetype');
  font-weight: normal;
  font-style: normal;
}

[class^="e-de-icon-"],
[class*=" e-de-icon-"] {
  font-family: 'Sample brower icons';
}   

.e-de-icon-Bullets:before {
  content: "\e730";
}

.e-de-icon-Numbering:before {
  content: "\e73a";
}

</style>

Opening a default document in DocumentEditorContainer

Source
Preview
index.jsx
index.tsx
index.html
Copied to clipboard
import * as ReactDOM from 'react-dom';
import * as React from 'react';
import { DocumentEditorContainerComponent, Toolbar } from '@syncfusion/ej2-react-documenteditor';
DocumentEditorContainerComponent.Inject(Toolbar);
export class Default extends React.Component {
    created() {
        // load your default document here
        let data = `{"sections":[{"sectionFormat":{"pageWidth":612,"pageHeight":792,"leftMargin":72,"rightMargin":72,"topMargin":72,"bottomMargin":72,"differentFirstPage":false,"differentOddAndEvenPages":false,"headerDistance":36,"footerDistance":36,"bidi":false},"blocks":[{"paragraphFormat":{"afterSpacing":30,"styleName":"Heading 1","listFormat":{}},"characterFormat":{},"inlines":[{"characterFormat":{},"text":"Adventure Works Cycles"}]}],"headersFooters":{"header":{"blocks":[{"paragraphFormat":{"listFormat":{}},"characterFormat":{},"inlines":[]}]},"footer":{"blocks":[{"paragraphFormat":{"listFormat":{}},"characterFormat":{},"inlines":[]}]}}}],"characterFormat":{"bold":false,"italic":false,"fontSize":11,"fontFamily":"Calibri","underline":"None","strikethrough":"None","baselineAlignment":"Normal","highlightColor":"NoColor","fontColor":"empty","fontSizeBidi":11,"fontFamilyBidi":"Calibri","allCaps":false},"paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":0,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","listFormat":{},"bidi":false},"defaultTabWidth":36,"trackChanges":false,"enforcement":false,"hashValue":"","saltValue":"","formatting":false,"protectionType":"NoProtection","dontUseHTMLParagraphAutoSpacing":false,"formFieldShading":true,"styles":[{"name":"Normal","type":"Paragraph","paragraphFormat":{"lineSpacing":1.149999976158142,"lineSpacingType":"Multiple","listFormat":{}},"characterFormat":{"fontFamily":"Calibri"},"next":"Normal"},{"name":"Default Paragraph Font","type":"Character","characterFormat":{}},{"name":"Heading 1 Char","type":"Character","characterFormat":{"fontSize":16,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 1","type":"Paragraph","paragraphFormat":{"beforeSpacing":12,"afterSpacing":0,"outlineLevel":"Level1","listFormat":{}},"characterFormat":{"fontSize":16,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 1 Char","next":"Normal"},{"name":"Heading 2 Char","type":"Character","characterFormat":{"fontSize":13,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 2","type":"Paragraph","paragraphFormat":{"beforeSpacing":2,"afterSpacing":6,"outlineLevel":"Level2","listFormat":{}},"characterFormat":{"fontSize":13,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 2 Char","next":"Normal"},{"name":"Heading 3","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level3","listFormat":{}},"characterFormat":{"fontSize":12,"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Normal","link":"Heading 3 Char","next":"Normal"},{"name":"Heading 3 Char","type":"Character","characterFormat":{"fontSize":12,"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Default Paragraph Font"},{"name":"Heading 4","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level4","listFormat":{}},"characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 4 Char","next":"Normal"},{"name":"Heading 4 Char","type":"Character","characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 5","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level5","listFormat":{}},"characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 5 Char","next":"Normal"},{"name":"Heading 5 Char","type":"Character","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 6","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level6","listFormat":{}},"characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Normal","link":"Heading 6 Char","next":"Normal"},{"name":"Heading 6 Char","type":"Character","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Default Paragraph Font"}],"lists":[],"abstractLists":[],"comments":[],"revisions":[],"customXml":[]}`;
        // Open the default document
        this.documenteditorcontainer.documentEditor.open(data);
    }
    componentDidMount() {
        setTimeout(() => {
            this.created();
        });
    }
    render() {
        return (<DocumentEditorContainerComponent height={'590px'} id="container" ref={(scope) => {
            this.documenteditorcontainer = scope;
            this.created.bind(this);
        }} serviceUrl="https://ej2services.syncfusion.com/production/web-services/api/documenteditor/" enableToolbar={true}/>);
    }
}
ReactDOM.render(<Default />, document.getElementById('sample'));
Copied to clipboard
import * as ReactDOM from 'react-dom';
import * as React from 'react';
import { DocumentEditorContainerComponent, Toolbar } from '@syncfusion/ej2-react-documenteditor';
DocumentEditorContainerComponent.Inject(Toolbar);
export class Default extends React.Component {
    public documenteditorcontainer: DocumentEditorContainerComponent;
    created() {
        // load your default document here
        let data = `{"sections":[{"sectionFormat":{"pageWidth":612,"pageHeight":792,"leftMargin":72,"rightMargin":72,"topMargin":72,"bottomMargin":72,"differentFirstPage":false,"differentOddAndEvenPages":false,"headerDistance":36,"footerDistance":36,"bidi":false},"blocks":[{"paragraphFormat":{"afterSpacing":30,"styleName":"Heading 1","listFormat":{}},"characterFormat":{},"inlines":[{"characterFormat":{},"text":"Adventure Works Cycles"}]}],"headersFooters":{"header":{"blocks":[{"paragraphFormat":{"listFormat":{}},"characterFormat":{},"inlines":[]}]},"footer":{"blocks":[{"paragraphFormat":{"listFormat":{}},"characterFormat":{},"inlines":[]}]}}}],"characterFormat":{"bold":false,"italic":false,"fontSize":11,"fontFamily":"Calibri","underline":"None","strikethrough":"None","baselineAlignment":"Normal","highlightColor":"NoColor","fontColor":"empty","fontSizeBidi":11,"fontFamilyBidi":"Calibri","allCaps":false},"paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":0,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","listFormat":{},"bidi":false},"defaultTabWidth":36,"trackChanges":false,"enforcement":false,"hashValue":"","saltValue":"","formatting":false,"protectionType":"NoProtection","dontUseHTMLParagraphAutoSpacing":false,"formFieldShading":true,"styles":[{"name":"Normal","type":"Paragraph","paragraphFormat":{"lineSpacing":1.149999976158142,"lineSpacingType":"Multiple","listFormat":{}},"characterFormat":{"fontFamily":"Calibri"},"next":"Normal"},{"name":"Default Paragraph Font","type":"Character","characterFormat":{}},{"name":"Heading 1 Char","type":"Character","characterFormat":{"fontSize":16,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 1","type":"Paragraph","paragraphFormat":{"beforeSpacing":12,"afterSpacing":0,"outlineLevel":"Level1","listFormat":{}},"characterFormat":{"fontSize":16,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 1 Char","next":"Normal"},{"name":"Heading 2 Char","type":"Character","characterFormat":{"fontSize":13,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 2","type":"Paragraph","paragraphFormat":{"beforeSpacing":2,"afterSpacing":6,"outlineLevel":"Level2","listFormat":{}},"characterFormat":{"fontSize":13,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 2 Char","next":"Normal"},{"name":"Heading 3","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level3","listFormat":{}},"characterFormat":{"fontSize":12,"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Normal","link":"Heading 3 Char","next":"Normal"},{"name":"Heading 3 Char","type":"Character","characterFormat":{"fontSize":12,"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Default Paragraph Font"},{"name":"Heading 4","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level4","listFormat":{}},"characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 4 Char","next":"Normal"},{"name":"Heading 4 Char","type":"Character","characterFormat":{"italic":true,"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 5","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level5","listFormat":{}},"characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Normal","link":"Heading 5 Char","next":"Normal"},{"name":"Heading 5 Char","type":"Character","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#2F5496"},"basedOn":"Default Paragraph Font"},{"name":"Heading 6","type":"Paragraph","paragraphFormat":{"leftIndent":0,"rightIndent":0,"firstLineIndent":0,"textAlignment":"Left","beforeSpacing":2,"afterSpacing":0,"lineSpacing":1.0791666507720947,"lineSpacingType":"Multiple","outlineLevel":"Level6","listFormat":{}},"characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Normal","link":"Heading 6 Char","next":"Normal"},{"name":"Heading 6 Char","type":"Character","characterFormat":{"fontFamily":"Calibri Light","fontColor":"#1F3763"},"basedOn":"Default Paragraph Font"}],"lists":[],"abstractLists":[],"comments":[],"revisions":[],"customXml":[]}`;
        // Open the default document
        this.documenteditorcontainer.documentEditor.open(data);

    }
    componentDidMount() {
        setTimeout(() => {
            this.created();
        });
    }
    render() {
        return (<DocumentEditorContainerComponent height={'590px'} id="container" ref={(scope) => {
            this.documenteditorcontainer = scope;
            this.created.bind(this);
        }}
            serviceUrl="https://ej2services.syncfusion.com/production/web-services/api/documenteditor/" enableToolbar={true} />
        );
    }
}
ReactDOM.render(<Default />, document.getElementById('sample'));
Copied to clipboard
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Syncfusion React Button</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Essential JS 2 for React Components" />
    <meta name="author" content="Syncfusion" />
    <link href="index.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-react-documenteditor/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-react-navigations/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-documenteditor/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-buttons/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-base/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-dropdowns/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-inputs/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-lists/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-navigations/styles/fabric.css" rel="stylesheet" />
    <link href="//cdn.syncfusion.com/ej2/ej2-popups/styles/fabric.css" rel="stylesheet" />    
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
    <script src="systemjs.config.js"></script>
</head>

<body>
        <div id='sample'>
            <div id='loader'>Loading....</div>
        </div>
</body>

</html>
<style>
    /** Document editor sample level font icons*/

@font-face {
  font-family: 'Sample brower icons';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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YQBsACAAUwBhAG0AcABsAGUAIABiAHIAbwB3AGUAcgAgAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAEYAaQBuAGEAbAAgAFMAYQBtAHAAbABlACAAYgByAG8AdwBlAHIAIABpAGMAbwBuAHMARgBpAG4AYQBsACAAUwBhAG0AcABsAGUAIABiAHIAbwB3AGUAcgAgAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAARgBpAG4AYQBsACAAUwBhAG0AcABsAGUAIABiAHIAbwB3AGUAcgAgAGkAYwBvAG4AcwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIAB1AHMAaQBuAGcAIABTAHkAbgBjAGYAdQBzAGkAbwBuACAATQBlAHQAcgBvACAAUwB0AHUAZABpAG8AdwB3AHcALgBzAHkAbgBjAGYAdQBzAGkAbwBuAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/AQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQEuAS8BMAExATIBMwE0ATUBNgE3ATgBOQE6ATsBPAE9AT4BPwFAAAtTdHJva2VTdHlsZQhCb29rbWFyawdQaWN0dXJlBEZpbmQNT3V0c2lkZUJvcmRlcgdKdXN0aWZ5BUNsb3NlDkRlY3JlYXNlSW5kZW50FVBpeGVsQWxpZ25DZW50ZXJUYWJsZQ9CYWNrZ3JvdW5kQ29sb3ILQWxpZ25Cb3R0b20JUGFnZVNldHVwDkhpZ2hsaWdodENvbG9yC1N1cGVyc2NyaXB0BVRhYmxlBFVuZG8LSW5zZXJ0QmVsb3cJVG9wQm9yZGVyClBhZ2VOdW1iZXIQQWxpZ25DZW50ZXJUYWJsZQ5JbmNyZWFzZUluZGVudARCb2xkCUFsaWduTGVmdAZGb290ZXILSW5zZXJ0UmlnaHQJVW5kZXJsaW5lCkluc2VydExlZnQETG9jawZIZWFkZXINU3RyaWtldGhyb3VnaAhDbGVhckFsbAtSaWdodEJvcmRlcgpBbGlnblJpZ2h0BE9wZW4KU3Ryb2tlU2l6ZQVQcmludAtEZWxldGVUYWJsZQlGb250Q29sb3INSW5zaWRlQm9yZGVycwpEZWxldGVSb3dzCERvd25sb2FkC0xpbmVTcGFjaW5nFEluc2lkZVZlcnRpY2FsQm9yZGVyCEFsaWduVE9wBFJlZG8MQm90dG9tQm9yZGVyA05ldwVQYXN0ZQdCdWxsZXRzBENlbGwNRGVsZXRlQ29sdW1ucwpBbGxCb3JkZXJzCVN1YnNjcmlwdBBTaG93SGlkZVByb3BlcnR5DlRhYmxlT2ZDb250ZW50Bkl0YWxpYxZJbnNpZGVIb3Jpem9uZGFsYm9yZGVyC0xlZnRCb3JkZXJzCU51bWJlcmluZwRMaW5rC0FsaWduQ2VudGVyC0luc2VydEFib3ZlAAAAAAA=) format('truetype');
  font-weight: normal;
  font-style: normal;
}

[class^="e-de-icon-"],
[class*=" e-de-icon-"] {
  font-family: 'Sample brower icons';
}   

.e-de-icon-Bullets:before {
  content: "\e730";
}

.e-de-icon-Numbering:before {
  content: "\e73a";
}

</style>