You can set the default character format, paragraph format and section format in Document editor.
You can use setDefaultCharacterFormat method to set the default character format. For example, Document editor default font size is 11 and you can change it as any valid value.
The following example code illustrates how to change the default font size in Document editor.
import { DocumentEditorContainer, Toolbar } from '@syncfusion/ej2-documenteditor';
let container: DocumentEditorContainer = new DocumentEditorContainer({ height: "590px" });
container.serviceUrl = 'https://ej2services.syncfusion.com/production/web-services/api/documenteditor/';
DocumentEditorContainer.Inject(Toolbar);
// Default font size set as 20
container.setDefaultCharacterFormat({ fontSize: 20 });
container.appendTo('#container'); Similarly, you can change the required CharacterFormatProperties default value.
The following example code illustrates how to change other character format default value in Document editor.
import { CharacterFormatProperties, DocumentEditorContainer, Toolbar } from '@syncfusion/ej2-documenteditor';
let container: DocumentEditorContainer = new DocumentEditorContainer({ height: "590px" });
container.serviceUrl = 'https://ej2services.syncfusion.com/production/web-services/api/documenteditor/';
DocumentEditorContainer.Inject(Toolbar);
// Set default value
let defaultCharacterFormat: CharacterFormatProperties = {
bold: false,
italic: false,
baselineAlignment: 'Normal',
underline: 'None',
fontColor: "#000000",
fontFamily: 'Algerian',
fontSize: 12
};
container.setDefaultCharacterFormat(defaultCharacterFormat);
container.appendTo('#container');You can use setDefaultParagraphFormat API to set the default paragraph format. You can change the required ParagraphFormatProperties default value.
The following example code illustrates how to change the paragraph format(before spacing, line spacing etc.,) default value in Document editor.
import { ParagraphFormatProperties, DocumentEditorContainer, Toolbar } from '@syncfusion/ej2-documenteditor';
let container: DocumentEditorContainer = new DocumentEditorContainer({ height: "590px" });
container.serviceUrl = 'https://ej2services.syncfusion.com/production/web-services/api/documenteditor/';
DocumentEditorContainer.Inject(Toolbar);
let defaultParagraphFormat: ParagraphFormatProperties = {
beforeSpacing: 8,
lineSpacing: 1.5,
leftIndent: 24,
textAlignment: "Center"
};
container.setDefaultParagraphFormat(defaultParagraphFormat);
container.appendTo('#container'); You can use setDefaultSectionFormat API to set the default section format. You can change the required SectionFormatProperties default value.
The following example code illustrates how to change the section format(header and footer distance, page width and height, etc.,) default value in Document editor.
import { SectionFormatProperties, DocumentEditorContainer, Toolbar } from '@syncfusion/ej2-documenteditor';
let container: DocumentEditorContainer = new DocumentEditorContainer({ height: "590px" });
container.serviceUrl = 'https://ej2services.syncfusion.com/production/web-services/api/documenteditor/';
DocumentEditorContainer.Inject(Toolbar);
let defaultSectionFormat: SectionFormatProperties = {
pageWidth: 500,
pageHeight: 800,
headerDistance: 56,
footerDistance: 48,
leftMargin: 12,
rightMargin: 12,
topMargin: 0,
bottomMargin: 0
};
container.setDefaultSectionFormat(defaultSectionFormat);
container.appendTo('#container');