From 436c5c29690b3016074b1784fc6da24a38015d44 Mon Sep 17 00:00:00 2001 From: Moushmi Dhanislas Date: Thu, 23 Jul 2026 10:57:44 +0530 Subject: [PATCH 1/3] 1041371: UG correction for react platform --- .../react/how-to/read-by-default.md | 20 ++++++------- .../react/how-to/resize-document-editor.md | 30 +++++++++---------- .../retrieve-the-bookmark-content-as-text.md | 28 ++++++++--------- .../set-default-format-in-document-editor.md | 30 +++++++++---------- 4 files changed, 54 insertions(+), 54 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/react/how-to/read-by-default.md b/Document-Processing/Word/Word-Processor/react/how-to/read-by-default.md index 7687dd41e9..2c858a4b0f 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/read-by-default.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/read-by-default.md @@ -1,18 +1,18 @@ --- layout: post -title: Read by default in React Document editor component | Syncfusion -description: Learn here all about Read by default in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. -control: Read by default +title: Read by default in React DOCX Editor | Syncfusion +description: Learn here all about Read by default in Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more. +control: Read by default platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Read by default in React Document editor component +# Read by default in React Document Editor component -In this article, we are going to see how to open a document in read only mode by default in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) & Document Editor Container. +In this article, we are going to see how to open a document in read-only mode by default in the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) & Document Editor Container. -## 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.jsx" %} @@ -28,9 +28,9 @@ 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/react/base-cs4" %} -> 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. +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. -## 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.jsx" %} @@ -46,6 +46,6 @@ 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/react/base-cs5" %} -> 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. +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. -Note: You can use the `restrictEditing` in `DocumentEditorContainerComponent` and `isReadOnly` in `DocumentEditorComponent` based on your requirement to change component to read only mode. \ No newline at end of file +N> You can use the `restrictEditing` in `DocumentEditorContainerComponent` and `isReadOnly` in `DocumentEditorComponent` 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/react/how-to/resize-document-editor.md b/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md index 5880a6432b..38d57dca59 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md @@ -1,20 +1,20 @@ --- layout: post -title: Resize document editor in React Document editor component | Syncfusion -description: Learn here all about Resize document editor in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. -control: Resize document editor +title: Resize Document Editor in React DOCX Editor | Syncfusion +description: Learn here all about Resize Document Editor in Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more. +control: Resize Document Editor platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Resize document editor in React Document editor component +# Resize Document Editor in React Document Editor component -In this article, we are going to see how to change height and width of [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). +In this article, we are going to see how to change the height and width of the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). ## Change height of Document Editor -DocumentEditorContainer initially render with default height. You can change height of documenteditor using [`height`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#height) property, the value which is in pixel. +DocumentEditorContainer initially renders with default height. You can change the height of the Document Editor using the [`height`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#height) property, the value which is in pixels. The following example code illustrates how to change height of Document Editor. @@ -30,15 +30,15 @@ The following example code illustrates how to change height of Document Editor. /> ``` -> 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. +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. Similarly, you can use [`height`](https://ej2.syncfusion.com/react/documentation/api/document-editor#height) property for DocumentEditor also. ## Change width of Document Editor -DocumentEditorContainer initially render with default width. You can change width of documenteditor using [`width`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#width) property, the value which is in percent. +DocumentEditorContainer initially renders with default width. You can change the width of the Document Editor using the [`width`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorContainerModel#width) property, the value which is in percentages. -The following example code illustrates how to change width of Document Editor. +The following example code illustrates how to change the width of Document Editor. ```ts @@ -54,15 +54,15 @@ The following example code illustrates how to change width of Document Editor. ``` -> 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. +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. Similarly, you can use [`width`](https://ej2.syncfusion.com/react/documentation/api/document-editor#width) property for DocumentEditor also. ## Resize Document Editor -Using [`resize`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#resize) method, you change height and width of Document editor. +Using the [`resize`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#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. ```ts import { createRoot } from 'react-dom/client'; @@ -74,7 +74,7 @@ import { } from '@syncfusion/ej2-react-documenteditor'; DocumentEditorContainerComponent.Inject(Toolbar); function App() { - let container = DocumentEditorContainerComponent; + let container; function onCreate() { setInterval(() => { updateDocumentEditorSize(); @@ -83,7 +83,7 @@ function App() { window.addEventListener('resize', onWindowResize); } 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 is resized. updateDocumentEditorSize(); } function updateDocumentEditorSize() { @@ -112,4 +112,4 @@ createRoot(document.getElementById('sample')).render(); ``` -> 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. +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. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/retrieve-the-bookmark-content-as-text.md b/Document-Processing/Word/Word-Processor/react/how-to/retrieve-the-bookmark-content-as-text.md index 258d139b78..8251edd914 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/retrieve-the-bookmark-content-as-text.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/retrieve-the-bookmark-content-as-text.md @@ -1,20 +1,20 @@ --- layout: post -title: Retrieve the bookmark content as text in React Document editor component | Syncfusion -description: Learn here all about Retrieve the bookmark content as text in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. -control: Retrieve the bookmark content as text +title: Retrieve the bookmark content as text in React DOCX Editor | Syncfusion +description: Learn here all about Retrieve the bookmark content as text in Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more. +control: Retrieve the bookmark content as text platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Retrieve the bookmark content as text in React Document editor component +# Retrieve the bookmark content as text in React Document Editor component -You can get the bookmark or whole document content from the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) component as plain text and SFDT (rich text). +You can get the bookmark or the whole document content from the [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) component as plain text and SFDT (rich text). ## Get the bookmark content as plain text -You can [`selectBookmark`](../bookmark#select-bookmark) API to navigate to the bookmark and use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the bookmark content as plain text from React Document Editor component. +You can use the [`selectBookmark`](../bookmark#select-bookmark) API to navigate to the bookmark and use the [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the bookmark content as plain text from the React Document Editor component. The following example code illustrates how to get the bookmark content as plain text. @@ -27,8 +27,8 @@ import { } from '@syncfusion/ej2-react-documenteditor'; DocumentEditorContainerComponent.Inject(Toolbar); -let container: DocumentEditorContainerComponent; function App() { + let container: DocumentEditorContainerComponent; function onCreated() { // To insert text in cursor position container.documentEditor.editor.insertText('Document editor'); @@ -61,9 +61,9 @@ ReactDOM.render(, document.getElementById('sample')); ``` -> 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. +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. -To get the bookmark content as SFDT (rich text), please check this [`link`](../how-to/get-the-selected-content#get-the-selected-content-as-sfdt-rich-text) +To get the bookmark content as SFDT (rich text), check this [`link`](../how-to/get-the-selected-content#get-the-selected-content-as-sfdt-rich-text). ## Get the whole document content as text @@ -109,9 +109,9 @@ ReactDOM.render(, document.getElementById('sample')); ``` -> 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. +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. -## Get the whole document content as SFDT(rich text) +## Get the whole document content as SFDT (rich text) You can use [`serialize`](https://ej2.syncfusion.com/react/documentation/api/document-editor#serialize) API to get the whole document content as SFDT string from React Document Editor component. @@ -154,7 +154,7 @@ ReactDOM.render(, document.getElementById('sample')); ``` -> 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. +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. ## Get the header content as text @@ -197,11 +197,11 @@ function App() { /> ); } -export default App() +export default App; ReactDOM.render(, document.getElementById('sample')); ``` -> 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. +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. Similarly, you can use [`goToFooter`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#gotofooter) API to navigate the selection to the footer and then use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the content as plain text. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/react/how-to/set-default-format-in-document-editor.md b/Document-Processing/Word/Word-Processor/react/how-to/set-default-format-in-document-editor.md index c3f19dc6fc..7e5eefddb7 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/set-default-format-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/set-default-format-in-document-editor.md @@ -1,22 +1,22 @@ --- layout: post -title: Set default format in React Document Editor | Syncfusion -description: Learn here all about Set default format in document editor in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. -control: Set default format in document editor +title: Set default format in React DOCX Editor | Syncfusion +description: Learn here all about Set default format in Document Editor in Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more. +control: Set default format in Document Editor platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Set default format in document editor in React Document editor component +# Set default format in Document Editor in React Document Editor component -You can set the default character format, paragraph format and section format in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). +You can set the default character format, paragraph format, and section format in [React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). ## Set the default character format -You can use [`setDefaultCharacterFormat`](https://ej2.syncfusion.com/react/documentation/api/document-editor#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. +You can use [`setDefaultCharacterFormat`](https://ej2.syncfusion.com/react/documentation/api/document-editor#setdefaultcharacterformat) method to set the default character format. For example, the Document Editor default font size is 11, and you can change it to any valid value. -The following example code illustrates how to change the default font size in Document editor. +The following example code illustrates how to change the default font size in the Document Editor. ```ts import { createRoot } from 'react-dom/client'; @@ -52,11 +52,11 @@ createRoot(document.getElementById('sample')).render(); ``` -> 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. +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. -Similarly, you can change the required [`CharacterFormatProperties`](https://ej2.syncfusion.com/react/documentation/api/document-editor/characterFormatProperties) default value. +Similarly, you can change the required [`CharacterFormatProperties`](https://ej2.syncfusion.com/react/documentation/api/document-editor/characterFormatProperties) default values in the Document Editor. -The following example code illustrates how to change other character format default value in Document editor. +The following example code illustrates how to change other default character format values in the Document Editor. ```ts import { createRoot } from 'react-dom/client'; @@ -102,13 +102,13 @@ createRoot(document.getElementById('sample')).render(); ``` -> 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. +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. ## Set the default paragraph format You can use [`setDefaultParagraphFormat`](https://ej2.syncfusion.com/react/documentation/api/document-editor#setdefaultparagraphformat) API to set the default paragraph format. You can change the required [`ParagraphFormatProperties`](https://ej2.syncfusion.com/react/documentation/api/document-editor/paragraphFormatProperties/) default value. -The following example code illustrates how to change the paragraph format(before spacing, line spacing etc.,) default value in Document editor. +The following example code illustrates how to change the paragraph format (before spacing, line spacing, etc.) default value in the Document Editor. ```ts import { createRoot } from 'react-dom/client'; @@ -151,13 +151,13 @@ createRoot(document.getElementById('sample')).render(); ``` -> 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. +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. ## Set the default section format You can use [`setDefaultSectionFormat`](https://ej2.syncfusion.com/react/documentation/api/document-editor#setdefaultsectionformat) API to set the default section format. You can change the required [`SectionFormatProperties`](https://ej2.syncfusion.com/react/documentation/api/document-editor/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. +The following example code illustrates how to change the section format (header and footer distance, page width and height, etc.) default value in the Document Editor. ```ts import { createRoot } from 'react-dom/client'; @@ -205,4 +205,4 @@ createRoot(document.getElementById('sample')).render(); ``` -> 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. +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. From 6b395dac3db9a1f5a9873adfeae81a0d4eab69fa Mon Sep 17 00:00:00 2001 From: Moushmi Dhanislas Date: Thu, 23 Jul 2026 11:01:04 +0530 Subject: [PATCH 2/3] 1041371: Updated code snippet --- .../Word/Word-Processor/react/how-to/resize-document-editor.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md b/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md index 38d57dca59..e14925148e 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/resize-document-editor.md @@ -74,7 +74,7 @@ import { } from '@syncfusion/ej2-react-documenteditor'; DocumentEditorContainerComponent.Inject(Toolbar); function App() { - let container; + let container = DocumentEditorContainerComponent; function onCreate() { setInterval(() => { updateDocumentEditorSize(); From 5529a1fb8d684613f8255e42f57598fca73d625e Mon Sep 17 00:00:00 2001 From: Moushmi Dhanislas Date: Thu, 23 Jul 2026 11:28:01 +0530 Subject: [PATCH 3/3] 1041371: Updated UG correction for drag and drop --- .../react/how-to/disable-drag-and-drop.md | 30 +++++++++---------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/react/how-to/disable-drag-and-drop.md b/Document-Processing/Word/Word-Processor/react/how-to/disable-drag-and-drop.md index 66f971d2da..6ab4eaec12 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/disable-drag-and-drop.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/disable-drag-and-drop.md @@ -1,39 +1,39 @@ --- layout: post -title: Disable drag and drop in document editor in React Document editor component | Syncfusion -description: Learn here all about Disable drag and drop in document editor in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. +title: Disable drag and drop in React DOCX Editor | Syncfusion +description: Learn here all about Disable drag and drop in Document Editor in Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Disable drag and drop in document editor +control: Disable drag and drop in Document Editor documentation: ug domainurl: ##DomainURL## --- -# How to disable drag and drop in document editor in React Document editor component +# How to disable drag and drop in the Document Editor in React Document Editor component -[React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides support to drag and drop contents within the component and it can be customized(enable and disable) using [`allowDragAndDrop`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorSettingsModel/#allowdraganddrop) property in Document editor settings. +[React Document Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) provides support to drag and drop contents within the component and it can be customized (enable and disable) using the [`allowDragAndDrop`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorSettingsModel/#allowdraganddrop) property in Document Editor settings. -The following example illustrates to customize the drag and drop option. +The following example illustrates how to customize the drag and drop option. ```typescript -var settings = { allowDragAndDrop: false }; -var hostUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; +const settings = { allowDragAndDrop: false }; +const hostUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; ``` -> 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. +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. ->Note: Default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorSettingsModel/#allowdraganddrop) property is `true`. +N> The default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorSettingsModel/#allowdraganddrop) property is `true`. -The following example illustrates to disable the drag and drop option in DocumentEditor. +The following example illustrates how to disable the drag and drop option in the Document Editor. ```typescript -var settings = { allowDragAndDrop: false }; -var hostUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; +const settings = { allowDragAndDrop: false }; +const hostUrl = 'https://document.syncfusion.com/web-services/docx-editor/api/documenteditor/'; ``` -> 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. +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. ->Note: Default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorSettingsModel/#allowdraganddrop) property is `true`. \ No newline at end of file +N> The default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container/documentEditorSettingsModel/#allowdraganddrop) property is `true`. \ No newline at end of file