From faed3b41010bbfd7a274bc30ced6781ddb115c54 Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Wed, 12 Aug 2026 00:00:46 +0530 Subject: [PATCH 1/4] Resolved errors from open-document-by-address.md to resize-document-editor.md --- .../how-to/open-document-by-address.md | 26 ++++++------ .../javascript-es5/how-to/optimize-sfdt.md | 19 ++++----- .../how-to/override-the-keyboard-shortcuts.md | 26 ++++++------ .../how-to/read-only-default.md | 16 ++++---- .../how-to/resize-document-editor.md | 40 +++++++++---------- 5 files changed, 64 insertions(+), 63 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/open-document-by-address.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/open-document-by-address.md index 8279254980..7eb2c4c682 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/open-document-by-address.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/open-document-by-address.md @@ -1,36 +1,36 @@ --- layout: post -title: Open document by address in JavaScript (ES5) Docx editor | Syncfusion -description: Learn here all about Open document by address in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: Open Document by Address in JavaScript (ES5) DOCX Editor | Syncfusion +description: Learn how to open a document from a URL in Syncfusion JavaScript (ES5) Document Editor using XMLHttpRequest to load SFDT content from the server side. platform: document-processing -control: Open document by address +control: Open a Document by Address documentation: ug domainurl: ##DomainURL## --- -# Open document by address in JavaScript (ES5) Document editor control +# Open Document by Address - JavaScript (ES5) Document Editor -## How to open a document from URL in DocumentEditor +## How to Open a Document from a URL in DocumentEditor -In this article, we are going to see how to open a document from URL in [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) +In this article, we are going to see how to open a document from a URL in the [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor). -please refer below example for client-side code +Please refer to the example below for the client-side code. ```js -//Initialize Document Editor Container component. +// Initialize the Document Editor Container component. var container = new ej.documenteditor.DocumentEditorContainer(); container.appendTo('#DocumentEditorContainer'); document.getElementById('import').addEventListener('click', function () { var http = new XMLHttpRequest(); - //add your url in which you want to open document inside the "" + // Add the URL from which you want to open the document inside the "" var content = { fileUrl: "" }; - var baseurl = "/api/documenteditor/ImportFileURL"; - http.open("POST", baseurl, true); + var baseUrl = "/api/documenteditor/ImportFileURL"; + http.open("POST", baseUrl, true); http.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); http.onreadystatechange = function () { if (http.readyState === 4) { if (http.status === 200 || http.status === 304) { - //open the SFDT text in Document Editor + // Open the SFDT text in the Document Editor container.documentEditor.open(http.responseText); } } @@ -39,7 +39,7 @@ document.getElementById('import').addEventListener('click', function () { }); ``` -please refer below example for server-side code +Please refer to the example below for the server-side code. ```c# [AcceptVerbs("Post")] diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md index 6bb11f63b5..c6191386c5 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md @@ -1,23 +1,24 @@ --- layout: post -title: Optimize sfdt in JavaScript (ES5) Document editor control | Syncfusion -description: Learn here all about Optimize sfdt in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: Optimize SFDT in JavaScript (ES5) DOCX Editor | Syncfusion +description: Learn how to optimize SFDT in Syncfusion JavaScript (ES5) Document Editor to reduce file size and enable faster client-server document transfer. platform: document-processing -control: Optimize sfdt +control: Optimize SFDT documentation: ug domainurl: ##DomainURL## --- -# Optimize sfdt in JavaScript (ES5) Document editor control +# Optimize SFDT in JavaScript (ES5) Document Editor -Starting from version v21.1.x, the SFDT file generated in Word Processor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits, -* File transfer between client and server through the internet gets faster. +Starting from version v21.1.x, the SFDT file generated in the Document Editor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits: +* File transfer between the client and server through the internet is faster. * The new optimized SFDT files require less storage space than the old SFDT files. -Hence, the optimized SFDT file can't be directly manipulated as JSON string. -> This feature comes with a public API to switch between the old and new optimized SFDT format, allowing backward compatibility. +Hence, the optimized SFDT file can't be directly manipulated as a JSON string. -As a backward compatibility to create older format SFDT files, refer the following code changes, +N> This feature comes with a public API to switch between the old and new optimized SFDT formats, allowing backward compatibility. + +For backward compatibility to create older-format SFDT files, refer to the following code changes: diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md index 1eac2ea124..90f22560fd 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md @@ -1,45 +1,45 @@ --- layout: post -title: Override the keyboard shortcuts in JavaScript (ES5) | Syncfusion -description: Learn here all about Override the keyboard shortcuts in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: Override Keyboard Shortcuts in JavaScript (ES5) DOCX Editor | Syncfusion +description: Learn how to override keyboard shortcuts in Syncfusion JavaScript (ES5) Document Editor using the keyDown event and the isHandled property. platform: document-processing -control: Override the keyboard shortcuts +control: Override Keyboard Shortcuts documentation: ug domainurl: ##DomainURL## --- -# Override the keyboard shortcuts in JavaScript (ES5) Document editor +# Override Keyboard Shortcuts in JavaScript (ES5) Document Editor -[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) triggers the [`keyDown`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#keydown) event every time when any key is entered and provides an instance of [`DocumentEditorKeyDownEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documentEditorKeyDownEventArgs/). You can use the [`isHandled`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documentEditorKeyDownEventArgs/#ishandled) property to override the keyboard shortcut behavior. +[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) triggers the [`keyDown`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#keydown) event every time a key is pressed and provides an instance of [`DocumentEditorKeyDownEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documentEditorKeyDownEventArgs/) as the event arguments. You can use the [`isHandled`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documentEditorKeyDownEventArgs/#ishandled) property to override the keyboard shortcut behavior. -## Preventing default keyboard shortcut +## Preventing the Default Keyboard Shortcut -The following code shows how to prevent the `CTRL + C` keyboard shortcut for copying selected content in Document Editor. +The following code shows how to prevent the `Ctrl + C` keyboard shortcut for copying selected content in the Document Editor. {% tabs %} -{% highlight js tabtitle="index.ts" %} +{% highlight js tabtitle="index.js" %} {% include code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2/index.js %} {% endhighlight %} {% highlight html tabtitle="index.html" %} {% include code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2/index.html %} {% endhighlight %} {% endtabs %} - + {% previewsample "/document-processing/code-snippet/document-editor/javascript-es5/prevent-keyboard-cs2" %} -## Override or define the keyboard shortcut +## Override or Define the Keyboard Shortcut Override or define a new keyboard shortcut behavior instead of preventing the keyboard shortcut. -For example, `Ctrl + S` keyboard shortcut saves the document in SFDT format by default, and there is no behavior for `Ctrl + Alt + S`. The following code demonstrates how to override the `Ctrl + S` shortcut to save a document in DOCX format and define `Ctrl + Alt + S` to save the document in SFDT format. +For example, the `Ctrl + S` keyboard shortcut saves the document in SFDT format by default, and there is no behavior for `Ctrl + Alt + S`. The following code demonstrates how to override the `Ctrl + S` shortcut to save a document in DOCX format and define `Ctrl + Alt + S` to save the document in SFDT format. {% tabs %} -{% highlight js tabtitle="index.ts" %} +{% highlight js tabtitle="index.js" %} {% include code-snippet/document-editor/javascript-es5/override-keyboard-cs2/index.js %} {% endhighlight %} {% highlight html tabtitle="index.html" %} {% include code-snippet/document-editor/javascript-es5/override-keyboard-cs2/index.html %} {% endhighlight %} {% endtabs %} - + {% previewsample "/document-processing/code-snippet/document-editor/javascript-es5/override-keyboard-cs2" %} \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md index 983ddfe48e..847b0db45b 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md @@ -1,18 +1,18 @@ --- layout: post -title: Read only default in JavaScript (ES5) Document editor | Syncfusion -description: Learn here all about Read only default in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: Read-Only by Default in JavaScript (ES5) DOCX Editor | Syncfusion +description: Learn how to open a document in read-only mode by default in Syncfusion JavaScript (ES5) Document Editor using the restrictEditing and isReadOnly APIs. platform: document-processing -control: Read only default +control: Read-Only by Default documentation: ug domainurl: ##DomainURL## --- -# Read only default in JavaScript (ES5) Document editor +# Read-Only by Default in JavaScript (ES5) Document Editor -In this article, we are going to see how to open a document in read only mode by default in DocumentEditor & DocumentEditorContainer. +In this article, we are going to see how to open a document in read-only mode by default in DocumentEditor and DocumentEditorContainer. -## Opening a document in read only mode by default in DocumentEditor +## Opening a Document in Read-Only Mode by Default in DocumentEditor {% tabs %} {% highlight js tabtitle="index.js" %} @@ -25,7 +25,7 @@ In this article, we are going to see how to open a document in read only mode by {% previewsample "/document-processing/code-snippet/document-editor/javascript-es5/read-cs1" %} -## Opening a document in ready only mode by default in DocumentEditorContainer +## Opening a Document in Read-Only Mode by Default in DocumentEditorContainer {% tabs %} {% highlight js tabtitle="index.js" %} @@ -38,4 +38,4 @@ In this article, we are going to see how to open a document in read only mode by {% previewsample "/document-processing/code-snippet/document-editor/javascript-es5/read-container-cs1" %} ->Note: You can use the [`restrictEditing`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#restrictediting) in DocumentEditorContainer and [`isReadOnly`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#isreadonly) in DocumentEditor based on your requirement to change component to read only mode. \ No newline at end of file +N> You can use the [`restrictEditing`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#restrictediting) in the DocumentEditorContainer and [`isReadOnly`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#isreadonly) in the DocumentEditor based on your requirement to change the component to read-only mode. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/resize-document-editor.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/resize-document-editor.md index 15d06940dc..f94ed723ef 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/resize-document-editor.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/resize-document-editor.md @@ -1,22 +1,22 @@ --- layout: post -title: Resize document editor in JavaScript (ES5) DOCX editor | Syncfusion -description: Learn here all about Resize document editor in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: Resize Document Editor in JavaScript (ES5) DOCX Editor | Syncfusion +description: Learn how to resize the Document Editor in Syncfusion JavaScript (ES5) by changing the height and width properties or using the resize method. platform: document-processing -control: Resize document editor +control: Resize Document Editor documentation: ug domainurl: ##DomainURL## --- -# Resize document editor in JavaScript (ES5) Document editor control +# Resize Document Editor in JavaScript (ES5) Document Editor -In this article, we are going to see how to change height and width of [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor). +In this article, we are going to see how to change the height and width of the [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor). -## Change height of Document Editor +## Change the Height of the Document Editor -DocumentEditorContainer initially render with default height. You can change height of documenteditor using [`height`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor-container/documentEditorContainerModel#height) property, the value which is in pixel. +The DocumentEditorContainer initially renders with a default height. You can change the height of the DocumentEditor using the [`height`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor-container/documentEditorContainerModel#height) property, the value of which is in pixels. -The following example code illustrates how to change height of Document Editor. +The following example code illustrates how to change the height of the Document Editor. ```js var container = new ej.documenteditor.DocumentEditorContainer({ @@ -25,13 +25,13 @@ var container = new ej.documenteditor.DocumentEditorContainer({ container.appendTo('#DocumentEditor'); ``` -Similarly, you can use [`height`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#height) property for DocumentEditor also. +Similarly, you can also use the [`height`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#height) property for the DocumentEditor. -## Change width of Document Editor +## Change the Width of the Document Editor -DocumentEditorContainer initially render with default width. You can change width of documenteditor using [`width`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor-container/documenteditorcontainermodel#width) property, the value which is in percent. +The DocumentEditorContainer initially renders with a default width. You can change the width of the DocumentEditor using the [`width`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor-container/documentEditorContainerModel#width) property, the value of which is in percentage. -The following example code illustrates how to change width of Document Editor. +The following example code illustrates how to change the width of the Document Editor. ```js var container = new ej.documenteditor.DocumentEditorContainer({ @@ -40,13 +40,13 @@ var container = new ej.documenteditor.DocumentEditorContainer({ container.appendTo('#DocumentEditor'); ``` -Similarly, you can use [`width`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#width) property for DocumentEditor also. +Similarly, you can also use the [`width`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#width) property for the DocumentEditor. -## Resize Document Editor +## Resize the Document Editor -Using [`resize`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#resize) method, you change height and width of Document editor. +Using the [`resize`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#resize) method, you can change the height and width of the Document Editor. -The following example code illustrates how to fit Document Editor to browser window size. +The following example code illustrates how to fit the Document Editor to the browser window size. ```js var container = new ej.documenteditor.DocumentEditorContainer({ enableToolbar: true, height: '590px' }); @@ -58,21 +58,21 @@ container.created = () => { setInterval(() => { updateDocumentEditorSize(); }, 100); - //Adds event listener for browser window resize event. + // Adds event listener for browser window resize event. window.addEventListener('resize', onWindowResize); }; container.appendTo('#container'); function onWindowResize() { - //Resizes the document editor component to fit full browser window automatically whenever the browser resized. + // Resizes the document editor component to fit full browser window automatically whenever the browser resized. updateDocumentEditorSize(); } function updateDocumentEditorSize() { - //Resizes the document editor component to fit full browser window. + // Resizes the document editor component to fit full browser window. var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; container.resize(windowWidth, windowHeight); } ``` -> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. \ No newline at end of file +N> The Web API hosted link `https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/` utilized in the Document Editor's serviceUrl property is intended solely for demonstration and evaluation purposes. For production deployment, please host your own web service with your required server configurations. You can refer and reuse the [GitHub Web Service example](https://github.com/SyncfusionExamples/EJ2-DocumentEditor-WebServices) or [Docker image](https://hub.docker.com/r/syncfusion/word-processor-server) for hosting your own web service and use for the serviceUrl property. \ No newline at end of file From b67d65620f67158448a7a30ce2da7be6cac0c989 Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Wed, 12 Aug 2026 08:32:36 +0530 Subject: [PATCH 2/4] Resolved the CI Failures --- .../javascript-es5/how-to/override-the-keyboard-shortcuts.md | 4 ++-- .../Word-Processor/javascript-es5/how-to/read-only-default.md | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md index 90f22560fd..107fc4305b 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md @@ -1,6 +1,6 @@ --- layout: post -title: Override Keyboard Shortcuts in JavaScript (ES5) DOCX Editor | Syncfusion +title: Override Keyboard Shortcuts JavaScript (ES5) DOCX Editor | Syncfusion description: Learn how to override keyboard shortcuts in Syncfusion JavaScript (ES5) Document Editor using the keyDown event and the isHandled property. platform: document-processing control: Override Keyboard Shortcuts @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Override Keyboard Shortcuts in JavaScript (ES5) Document Editor -[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) triggers the [`keyDown`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#keydown) event every time a key is pressed and provides an instance of [`DocumentEditorKeyDownEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documentEditorKeyDownEventArgs/) as the event arguments. You can use the [`isHandled`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documentEditorKeyDownEventArgs/#ishandled) property to override the keyboard shortcut behavior. +[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) triggers the [`keyDown`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#keydown) event every time a key is pressed and provides an instance of [`DocumentEditorKeyDownEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documentEditorKeyDownEventArgs) as the event arguments. You can use the [`isHandled`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documentEditorKeyDownEventArgs#ishandled) property to override the keyboard shortcut behavior. ## Preventing the Default Keyboard Shortcut diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md index 847b0db45b..f0e5c8ff94 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md @@ -38,4 +38,4 @@ In this article, we are going to see how to open a document in read-only mode by {% previewsample "/document-processing/code-snippet/document-editor/javascript-es5/read-container-cs1" %} -N> You can use the [`restrictEditing`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#restrictediting) in the DocumentEditorContainer and [`isReadOnly`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#isreadonly) in the DocumentEditor based on your requirement to change the component to read-only mode. \ No newline at end of file +N> You can use the [`restrictEditing`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#restrictediting) in the DocumentEditorContainer and [`isReadOnly`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#isreadonly) in the DocumentEditor based on your requirement to change the component to read-only mode. \ No newline at end of file From a0b72817c19f7fe1b5596b29ffc62939232b10bb Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Wed, 12 Aug 2026 08:41:01 +0530 Subject: [PATCH 3/4] Resolved the CI Failures --- .../javascript-es5/how-to/optimize-sfdt.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md index c6191386c5..189b6af0df 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md @@ -28,14 +28,14 @@ For backward compatibility to create older-format SFDT files, refer to the follo
Client-side {% tabs %} -{% highlight js tabtitle="Component Declaration"%} +{% highlight js tabtitle="Component Declaration" %} var documenteditorContainer = new ej.documenteditor.DocumentEditorContainer(); {% endhighlight %} {% endtabs %} {% tabs %} -{% highlight js tabtitle="Component Declaration"%} +{% highlight js tabtitle="Component Declaration" %} var documenteditorContainer = new ej.documenteditor.DocumentEditorContainer({ documentEditorSettings: { optimizeSfdt: false } }); {% endhighlight %} {% endtabs %} @@ -45,7 +45,7 @@ var documenteditorContainer = new ej.documenteditor.DocumentEditorContainer({ do Server-side C# {% tabs %} -{% highlight c# tabtitle="Import"%} +{% highlight c# tabtitle="Import" %} WordDocument sfdtDocument = WordDocument.Load(stream, formatType); string sfdt = Newtonsoft.Json.JsonConvert.SerializeObject(sfdtDocument); {% endhighlight %} @@ -53,7 +53,7 @@ string sfdt = Newtonsoft.Json.JsonConvert.SerializeObject(sfdtDocument); {% tabs %} -{% highlight c# tabtitle="Import"%} +{% highlight c# tabtitle="Import" %} WordDocument sfdtDocument = WordDocument.Load(stream, formatType); sfdtDocument.OptimizeSfdt = false; string sfdt = Newtonsoft.Json.JsonConvert.SerializeObject(sfdtDocument); @@ -65,14 +65,14 @@ string sfdt = Newtonsoft.Json.JsonConvert.SerializeObject(sfdtDocument); Server-side Java {% tabs %} -{% highlight java tabtitle="Import"%} +{% highlight java tabtitle="Import" %} String sfdtDocument = WordProcessorHelper.load(stream, formatType); {% endhighlight %} {% endtabs %} {% tabs %} -{% highlight java tabtitle="Import"%} +{% highlight java tabtitle="Import" %} String sfdtDocument = WordProcessorHelper.load(stream, formatType, false); {% endhighlight %} {% endtabs %} @@ -90,7 +90,7 @@ To convert from older format SFDT from a new optimized SFDT file, refer the foll Client-side {% tabs %} -{% highlight js tabtitle="Component Declaration"%} +{% highlight js tabtitle="Component Declaration" %} var documenteditorContainer = new ej.documenteditor.DocumentEditorContainer({ documentEditorSettings: { optimizeSfdt: false } }); {% endhighlight %} {% endtabs %} @@ -100,7 +100,7 @@ var documenteditorContainer = new ej.documenteditor.DocumentEditorContainer({ do Server-side C# {% tabs %} -{% highlight c# tabtitle="Import"%} +{% highlight c# tabtitle="Import" %} using(Syncfusion.DocIO.DLS.WordDocument docIODocument = WordDocument.Save(optimizedSfdt)) { sfdtDocument = WordDocument.Load(docIODocument); sfdtDocument.OptimizeSfdt = false; @@ -114,7 +114,7 @@ using(Syncfusion.DocIO.DLS.WordDocument docIODocument = WordDocument.Save(optimi Server-side Java {% tabs %} -{% highlight java tabtitle="Import"%} +{% highlight java tabtitle="Import" %} WordDocument docIODocument = WordProcessorHelper.save(optimizedSfdt); String oldSfdt = WordProcessorHelper.load(docIODocument, false); {% endhighlight %} From 9a64893d8f18af435c98153a44d43ef85e5405d6 Mon Sep 17 00:00:00 2001 From: Kalaivannan-Ganesan <93248069+Kalaivannan-Ganesan@users.noreply.github.com> Date: Thu, 13 Aug 2026 13:23:53 +0530 Subject: [PATCH 4/4] Reverted the Front Matter changes --- .../javascript-es5/how-to/open-document-by-address.md | 6 +++--- .../Word-Processor/javascript-es5/how-to/optimize-sfdt.md | 6 +++--- .../how-to/override-the-keyboard-shortcuts.md | 6 +++--- .../javascript-es5/how-to/read-only-default.md | 6 +++--- .../javascript-es5/how-to/resize-document-editor.md | 6 +++--- 5 files changed, 15 insertions(+), 15 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/open-document-by-address.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/open-document-by-address.md index 7eb2c4c682..f15af7089c 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/open-document-by-address.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/open-document-by-address.md @@ -1,14 +1,14 @@ --- layout: post -title: Open Document by Address in JavaScript (ES5) DOCX Editor | Syncfusion -description: Learn how to open a document from a URL in Syncfusion JavaScript (ES5) Document Editor using XMLHttpRequest to load SFDT content from the server side. +title: Open document by address in JavaScript (ES5) Docx editor | Syncfusion +description: Learn here all about Open document by address in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Open a Document by Address documentation: ug domainurl: ##DomainURL## --- -# Open Document by Address - JavaScript (ES5) Document Editor +# Open document by address in JavaScript (ES5) Document editor control ## How to Open a Document from a URL in DocumentEditor diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md index 189b6af0df..b41aabafd6 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/optimize-sfdt.md @@ -1,14 +1,14 @@ --- layout: post -title: Optimize SFDT in JavaScript (ES5) DOCX Editor | Syncfusion -description: Learn how to optimize SFDT in Syncfusion JavaScript (ES5) Document Editor to reduce file size and enable faster client-server document transfer. +title: Optimize sfdt in JavaScript (ES5) Document editor control | Syncfusion +description: Learn here all about Optimize sfdt in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Optimize SFDT documentation: ug domainurl: ##DomainURL## --- -# Optimize SFDT in JavaScript (ES5) Document Editor +# Optimize sfdt in JavaScript (ES5) Document editor control Starting from version v21.1.x, the SFDT file generated in the Document Editor component is optimized by default to reduce the file size. All static keys are minified, and the final JSON string is compressed. This helps reduce the SFDT file size relative to a DOCX file and provides the following benefits: * File transfer between the client and server through the internet is faster. diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md index 107fc4305b..95920668ba 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/override-the-keyboard-shortcuts.md @@ -1,14 +1,14 @@ --- layout: post -title: Override Keyboard Shortcuts JavaScript (ES5) DOCX Editor | Syncfusion -description: Learn how to override keyboard shortcuts in Syncfusion JavaScript (ES5) Document Editor using the keyDown event and the isHandled property. +title: Override the keyboard shortcuts in JavaScript (ES5) | Syncfusion +description: Learn here all about Override the keyboard shortcuts in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Override Keyboard Shortcuts documentation: ug domainurl: ##DomainURL## --- -# Override Keyboard Shortcuts in JavaScript (ES5) Document Editor +# Override the keyboard shortcuts in JavaScript (ES5) Document editor [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) triggers the [`keyDown`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#keydown) event every time a key is pressed and provides an instance of [`DocumentEditorKeyDownEventArgs`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documentEditorKeyDownEventArgs) as the event arguments. You can use the [`isHandled`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/documentEditorKeyDownEventArgs#ishandled) property to override the keyboard shortcut behavior. diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md index f0e5c8ff94..93c0287ebb 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/read-only-default.md @@ -1,14 +1,14 @@ --- layout: post -title: Read-Only by Default in JavaScript (ES5) DOCX Editor | Syncfusion -description: Learn how to open a document in read-only mode by default in Syncfusion JavaScript (ES5) Document Editor using the restrictEditing and isReadOnly APIs. +title: Read only default in JavaScript (ES5) Document editor | Syncfusion +description: Learn here all about Read only default in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Read-Only by Default documentation: ug domainurl: ##DomainURL## --- -# Read-Only by Default in JavaScript (ES5) Document Editor +# Read only default in JavaScript (ES5) Document editor In this article, we are going to see how to open a document in read-only mode by default in DocumentEditor and DocumentEditorContainer. diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/resize-document-editor.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/resize-document-editor.md index f94ed723ef..6eda6fa4dd 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/resize-document-editor.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/resize-document-editor.md @@ -1,14 +1,14 @@ --- layout: post -title: Resize Document Editor in JavaScript (ES5) DOCX Editor | Syncfusion -description: Learn how to resize the Document Editor in Syncfusion JavaScript (ES5) by changing the height and width properties or using the resize method. +title: Resize document editor in JavaScript (ES5) DOCX editor | Syncfusion +description: Learn here all about Resize document editor in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Resize Document Editor documentation: ug domainurl: ##DomainURL## --- -# Resize Document Editor in JavaScript (ES5) Document Editor +# Resize document editor in JavaScript (ES5) Document editor control In this article, we are going to see how to change the height and width of the [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor).