diff --git a/Document-Processing/Word/Word-Processor/react/how-to/disable-header-and-footer-edit-in-document-editor.md b/Document-Processing/Word/Word-Processor/react/how-to/disable-header-and-footer-edit-in-document-editor.md index 15e8fc696a..14d059f37e 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/disable-header-and-footer-edit-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/disable-header-and-footer-edit-in-document-editor.md @@ -1,22 +1,22 @@ --- layout: post -title: Disable header and footer in React Document Editor using Syncfusion -description: Learn here all about Disable header and footer edit in document editor in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. -control: Disable header and footer edit in document editor +title: Disable header and footer in React DOCX Editor using Syncfusion +description: Learn here all about Disable header and footer edit in Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more. +control: Disable header and footer edit in Document Editor platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Disable header and footer edit in document editor in React Document editor component +# Disable header and footer editing in React Document Editor ## Disable header and footer edit in DocumentEditorContainer instance You can use [`restrictEditing`](https://ej2.syncfusion.com/react/documentation/api/document-editor-container#restrictediting) property to disable header and footer editing based on selection context type. -RestrictEditing allows you to restrict the document modification and makes the Document read only mode. So, by using this property, and if selection inside header or footer, you can set this property as true. +RestrictEditing allows you to restrict the document modification and puts the document in read-only mode. So, by using this property, and if the selection is inside header or footer, you can set this property as true. -The following example code illustrates how to header and footer edit in `DocumentEditorContainer` instance. +The following example code illustrates how to disable header and footer edit in `DocumentEditorContainer` instance. ```ts import * as ReactDOM from 'react-dom'; @@ -58,11 +58,13 @@ 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. -Otherwise, you can disable clicking inside Header or Footer by using [`closeHeaderFooter`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#closeheaderfooter) API in selection module. +### Disable header and footer edit using closeHeaderFooter API -The following example code illustrates how to close header and footer when selection is inside header or footer in `DocumentEditorContainer` instance. +As an alternative to `restrictEditing`, you can disable clicking inside Header or Footer by using [`closeHeaderFooter`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#closeheaderfooter) API in selection module. This method closes the active header or footer region when the selection enters it, returning the selection to the document body and preventing header/footer modification. + +The following example code illustrates how to disable header and footer edit in `DocumentEditorContainer` instance using `closeHeaderFooter` API. ```ts import * as ReactDOM from 'react-dom'; @@ -101,13 +103,13 @@ 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. ## Disable header and footer edit in DocumentEditor instance -Like restrictEditing, you can use [`isReadOnly`](https://ej2.syncfusion.com/react/documentation/api/document-editor#isreadonly) property in Document editor to disable header and footer edit. +Like restrictEditing, you can use [`isReadOnly`](https://ej2.syncfusion.com/react/documentation/api/document-editor#isreadonly) property in Document Editor to disable header and footer edit. -The following example code illustrates how to header and footer edit in `DocumentEditor` instance. +The following example code illustrates how to disable header and footer edit in `DocumentEditor` instance. ```ts import * as ReactDOM from 'react-dom'; @@ -159,4 +161,4 @@ 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. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/disable-optimized-text-measuring.md b/Document-Processing/Word/Word-Processor/react/how-to/disable-optimized-text-measuring.md index 2f31473d24..cc7c6e29fd 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/disable-optimized-text-measuring.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/disable-optimized-text-measuring.md @@ -1,18 +1,18 @@ --- layout: post -title: Disable optimized text measuring in React Document Editor | Syncfusion -description: Learn here all about Disable optimized text measuring in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. -control: Disable optimized text measuring +title: Disable optimized text measuring in React DOCX Editor | Syncfusion +description: Learn here all about Disable optimized text measuring in Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more. +control: Disable optimized text measuring platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Disable optimized text measuring in React Document editor component +# Disable optimized text measuring in React Document Editor component -Starting from v19.3.0.x, the accuracy of text size measurements in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) is improved such as to match Microsoft Word pagination for most Word documents. This improvement is included as default behavior along with an optional API [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) in Document editor settings. +Starting from v19.3.0.x, the accuracy of text size measurements in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) is improved to match Microsoft Word pagination for most Word documents. This improvement is included as the default behavior along with an optional API [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) in Document Editor settings. -If you want the Document editor component to retain the document pagination (display page-by-page) behavior like v19.2.0.x and older versions. Then you can disable this optimized text measuring improvement, by setting `false` to [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) property of React Document Editor component. +If you want the Document Editor component to retain the document pagination (display page-by-page) behavior like v19.2.0.x and older versions, then you can disable this optimized text measuring improvement, by setting `false` to [`enableOptimizedTextMeasuring`](https://ej2.syncfusion.com/react/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) property of React Document Editor component. ## Disable optimized text measuring in `DocumentEditorContainer` instance @@ -40,7 +40,6 @@ function App() { ref={(scope) => { container = scope; }} - style={{ height: '590px' }} enableToolbar={true} serviceUrl={hosturl} height={'590px'} @@ -56,7 +55,7 @@ ReactDOM.render(, document.getElementById('sample')); ``` {% endraw %} -> 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. ## Disable optimized text measuring in `DocumentEditor` instance @@ -67,7 +66,7 @@ import * as ReactDOM from 'react-dom'; import * as React from 'react'; import { - DocumentEditorComponent, DocumentEditor, RequestNavigateEventArgs, ViewChangeEventArgs, + DocumentEditorComponent, DocumentEditor, Print, SfdtExport, WordExport, TextExport, Selection, Search, Editor, ImageResizer, EditorHistory, ContextMenu, OptionsPane, HyperlinkDialog, TableDialog, BookmarkDialog, TableOfContentsDialog, PageSetupDialog, StyleDialog, ListDialog, ParagraphDialog, BulletsAndNumberingDialog, FontDialog, @@ -95,4 +94,4 @@ 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. \ 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 diff --git a/Document-Processing/Word/Word-Processor/react/how-to/enable-ruler-in-document-editor-component.md b/Document-Processing/Word/Word-Processor/react/how-to/enable-ruler-in-document-editor-component.md index 1d98994d14..249f0e0350 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/enable-ruler-in-document-editor-component.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/enable-ruler-in-document-editor-component.md @@ -1,16 +1,16 @@ --- -title: "how to enable ruler in document edior | Syncfusion" +title: "How to enable ruler in React DOCX Editor | Syncfusion" component: "DocumentEditor" -description: "Learn how to enable ruler in React Document Editor component." -control: Enable Ruler +description: "Learn here all about enabling the ruler in the Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more." +control: Enable Ruler platform: document-processing documentation: ug domainurl: ##DomainURL## --- -## How to enable ruler in React Document Editor component +# How to enable ruler in React Document Editor component -Using ruler we can refer to setting specific margins, tab stops, or indentations within a document to ensure consistent formatting in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). +The ruler helps you set specific margins, tab stops, or indentations within a document to ensure consistent formatting in [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor). The following example illustrates how to enable ruler in Document Editor @@ -28,12 +28,12 @@ The following example illustrates how to enable ruler in Document Editor {% previewsample "/document-processing/code-snippet/document-editor/react/ruler-cs1" %} -> 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. -## How to enable ruler in Document Editor Container component +## How to enable ruler in React Document Editor Container component -Using ruler we can refer to setting specific margins, tab stops, or indentations within a document to ensure consistent formatting in Document Editor Container. +The ruler helps you set specific margins, tab stops, or indentations within a document to ensure consistent formatting in Document Editor Container. The following example illustrates how to enable ruler in Document Editor Container. @@ -51,4 +51,4 @@ The following example illustrates how to enable ruler in Document Editor Contain {% previewsample "/document-processing/code-snippet/document-editor/react/ruler-cs2" %} -> 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/export-document-as-pdf.md b/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md index 9582372ba7..fd6fbd6618 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/export-document-as-pdf.md @@ -1,31 +1,30 @@ --- layout: post -title: Export document as pdf in React Document editor component | Syncfusion -description: Learn here all about Export document as pdf in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. -control: Export document as pdf +title: Export document as PDF in React DOCX Editor | Syncfusion +description: Learn here all about Export document as PDF in Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more. +control: Export document as PDF platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Export document as pdf in React Document editor component +# Export document as PDF in React Document Editor component -In this article, we are going to see how to export the document as PDF format. You can export the document as PDF in following ways: +In this article, we are going to see how to export the document to PDF format. You can export the document as PDF in the following ways: To quickly get started with exporting to PDF in the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor), check out the video below. {% youtube "https://www.youtube.com/watch?v=YMNGYPrDyv0" %} -## Export the document as pdf in client-side +## Export the document as PDF on the client side -Use [`pdf export component`](https://www.npmjs.com/package/@syncfusion/ej2-pdf-export) in application level to export the document as pdf using [`exportAsImage`](https://ej2.syncfusion.com/react/documentation/api/document-editor/index-default#exportasimage) API. Here, all pages will be converted to image and inserted as pdf pages(works like print as PDF). +Use [`PDF export component`](https://www.npmjs.com/package/@syncfusion/ej2-pdf-export) in application level to export the document as PDF using [`exportAsImage`](https://ej2.syncfusion.com/react/documentation/api/document-editor/index-default#exportasimage) API. Here, all pages will be converted to image and inserted as PDF pages (works like print as PDF). ->Note: -* The Document Editor exports PDFs by converting pages into images on the client side, which may slightly increase file size compared to text-based PDFs. -* Text search is not supported in the exported PDF, as the content is stored as images. -* You can install the pdf export packages from this [`link`](https://www.npmjs.com/package/@syncfusion/ej2-pdf-export). +N> 1. The Document Editor exports PDFs by converting pages into images on the client side, which may slightly increase file size compared to text-based PDFs. +N> 2. Text search is not supported in the exported PDF, as the content is stored as images. +N> 3. You can install the PDF export packages from this [`link`](https://www.npmjs.com/package/@syncfusion/ej2-pdf-export). -The following example code illustrates how to export the document as pdf in client-side. +The following example code illustrates how to export the document as PDF on the client side. ```ts import * as ReactDOM from 'react-dom'; @@ -103,9 +102,9 @@ function 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. -## Export document as pdf in server-side using Syncfusion® DocIO +## Export document as PDF on the server side using Syncfusion® DocIO With the help of [`Syncfusion DocIO`](https://help.syncfusion.com/file-formats/docio/word-to-pdf), you can export the document as PDF in server-side. Here, you can search the text. @@ -154,7 +153,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. * Using Save API in server-side, you can convert the sfdt to stream. * Finally, convert the stream to PDF using [`Syncfusion.DocIORenderer.Net.Core`](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) library. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/get-current-word.md b/Document-Processing/Word/Word-Processor/react/how-to/get-current-word.md index ec8244609a..16894a6399 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/get-current-word.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/get-current-word.md @@ -1,14 +1,14 @@ --- layout: post -title: Get current word in React Document editor component | Syncfusion -description: Learn here all about Get current word in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. -control: Get current word +title: Get current word in React DOCX Editor | Syncfusion +description: Learn here all about Get current word in Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more. +control: Get current word platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Get current word in React Document editor component +# Get current word in React Document Editor component You can get the current word or paragraph content from the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component as plain text and SFDT (rich text). @@ -55,18 +55,18 @@ 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. -To get the bookmark content as SFDT (rich text), please check this [`link`](./get-the-selected-content#get-the-selected-content-as-sfdt-rich-text) +To get the bookmark content as SFDT (rich text), check this [`link`](./get-the-selected-content#get-the-selected-content-as-sfdt-rich-text) ## Select and get the paragraph in current cursor position -You can use [`selectParagraph`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#selectparagraph) API in selection module to select the current paragraph at cursor position and use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API or [`sfdt`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#sfdt-code-classlanguage-textstringcode) API to get the selected content as plain text or SFDT from React Document Editor component. +You can use [`selectParagraph`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#selectparagraph) API in selection module to select the current paragraph at cursor position and use the [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API or [`sfdt`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#sfdt-code-classlanguage-textstringcode) API to get the selected content as plain text or SFDT from React Document Editor component. The following example code illustrates how to select and get the current paragraph as SFDT. @@ -109,4 +109,4 @@ 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. diff --git a/Document-Processing/Word/Word-Processor/react/how-to/get-the-selected-content.md b/Document-Processing/Word/Word-Processor/react/how-to/get-the-selected-content.md index e17021bb6d..b9d2cdc49a 100644 --- a/Document-Processing/Word/Word-Processor/react/how-to/get-the-selected-content.md +++ b/Document-Processing/Word/Word-Processor/react/how-to/get-the-selected-content.md @@ -1,14 +1,14 @@ --- layout: post -title: Get selected content in React Document editor component | Syncfusion -description: Learn here all about Get the selected content in Syncfusion React Document editor component of Syncfusion Essential JS 2 and more. -control: Get the selected content +title: Get selected content in React DOCX Editor | Syncfusion +description: Learn here all about Get the selected content in Syncfusion React Document Editor component of Syncfusion Essential JS 2 and more. +control: Get the selected content platform: document-processing documentation: ug domainurl: ##DomainURL## --- -# Get the selected content in React Document editor component +# Get the selected content in React Document Editor component You can get the selected content from the [React DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/react-docx-editor) (Document Editor) component as plain text and SFDT (rich text). @@ -16,7 +16,7 @@ You can get the selected content from the [React DOCX Editor](https://www.syncfu You can use [`text`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#text-code-classlanguage-textstringcode) API to get the selected content as plain text from React Document Editor component. -The following example code illustrates how to add search in google option in context menu for the selected text. +The following example code illustrates how to add Search in Google option in context menu for the selected text. ```ts import * as ReactDOM from 'react-dom'; @@ -30,7 +30,6 @@ import { MenuItemModel } from '@syncfusion/ej2-navigations'; DocumentEditorContainerComponent.Inject(Toolbar); function App() { let container: DocumentEditorContainerComponent; - let contentChanged: boolean = false; function onCreate() { // creating Custom Options let menuItems: MenuItemModel[] = [ @@ -81,9 +80,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. -You can add the following custom options using this API, +You can add the following custom options using this API: * Save or export the selected text as text file. * Search the selected text in Google or other search engines. @@ -105,7 +104,6 @@ import { DocumentEditorContainerComponent.Inject(Toolbar); function App() { let container: DocumentEditorContainerComponent; - let contentChanged: boolean = false; function onCreate() { // To insert text in cursor position container.documentEditor.editor.insertText('Document editor'); @@ -138,10 +136,10 @@ 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. -You can add the following custom options using this API, +You can add the following custom options using this API: * Save or export the selected content as SFDT file. -* Get the content of a bookmark in Word document as SFDT by selecting a bookmark using [`selectbookmark`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#selectbookmark) API. +* Get the content of a bookmark in Word document as SFDT by selecting a bookmark using [`selectBookmark`](https://ej2.syncfusion.com/react/documentation/api/document-editor/selection#selectbookmark) API. * Create template content that can be inserted to multiple documents in cursor position using [`paste`](https://ej2.syncfusion.com/react/documentation/api/document-editor/editor#paste) API. \ No newline at end of file