diff --git a/Document-Processing/Word/Word-Processor/vue/how-to/disable-drag-and-drop.md b/Document-Processing/Word/Word-Processor/vue/how-to/disable-drag-and-drop.md index 2c67ee3208..a384ffb9cf 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to/disable-drag-and-drop.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to/disable-drag-and-drop.md @@ -1,18 +1,17 @@ --- layout: post -title: Disable drag and drop in document editor in Vue Document editor component | Syncfusion +title: How to Disable Drag and Drop in Vue DOCX Editor | Syncfusion description: Learn here all about Disable drag and drop in document editor in Syncfusion Vue 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 Vue DOCX Editor -# How to disable drag and drop in document editor in vue Document editor component +[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-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/vue/documentation/api/document-editor/documenteditorsettings#allowDragAndDrop) property in Document Editor settings. -[Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-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/vue/documentation/api/document-editor-container/documenteditorsettings#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. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -56,12 +55,11 @@ export default { {% endhighlight %} {% endtabs %} -> 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/vue/documentation/api/document-editor-container/documenteditorsettings#allowDragAndDrop) property is `true`. +N> The default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/documenteditorsettings#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. {% tabs %} @@ -105,6 +103,6 @@ export default { {% endhighlight %} {% endtabs %} -> 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/vue/documentation/api/document-editor/documenteditorsettings#allowDragAndDrop) property is `true`. \ No newline at end of file +N> The default value of [`allowDragAndDrop`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/documenteditorsettings#allowDragAndDrop) property is `true`. \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/vue/how-to/disable-header-and-footer-edit-in-document-editor.md b/Document-Processing/Word/Word-Processor/vue/how-to/disable-header-and-footer-edit-in-document-editor.md index 4450d14c5d..9e6395b0b1 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to/disable-header-and-footer-edit-in-document-editor.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to/disable-header-and-footer-edit-in-document-editor.md @@ -1,6 +1,6 @@ --- layout: post -title: Disable header and footer edit in document editor in Vue Document editor component | Syncfusion +title: Disable Header and Footer Editing in Vue DOCX Editor | Syncfusion description: Learn here all about Disable header and footer edit in document editor in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more. control: Disable header and footer edit in document editor platform: document-processing @@ -8,15 +8,15 @@ documentation: ug domainurl: ##DomainURL## --- -# Disable header and footer edit in document editor in Vue Document editor component +# How to Disable Header and Footer Editing in Vue DOCX Editor ## Disable header and footer edit in DocumentEditorContainer instance You can use [`restrictEditing`](https://ej2.syncfusion.com/vue/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. {% tabs %} @@ -97,9 +97,9 @@ export default { {% endhighlight %} {% endtabs %} -> 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/vue/documentation/api/document-editor/selection#closeheaderfooter) API in selection module. +As an alternative to `restrictEditing`, you can disable clicking inside Header or Footer by using [`closeHeaderFooter`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/selection#closeheaderfooter) API in selection module. The following example code illustrates how to close header and footer when selection is inside header or footer in `DocumentEditorContainer` instance. @@ -175,13 +175,13 @@ export default { {% endhighlight %} {% endtabs %} -> 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/vue/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/vue/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. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -275,4 +275,4 @@ export default { {% endhighlight %} {% endtabs %} -> 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/vue/how-to/disable-optimized-text-measuring.md b/Document-Processing/Word/Word-Processor/vue/how-to/disable-optimized-text-measuring.md index cf2714a27a..4ce2b52d84 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to/disable-optimized-text-measuring.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to/disable-optimized-text-measuring.md @@ -1,6 +1,6 @@ --- layout: post -title: Disable optimized text measuring in Vue Document editor component | Syncfusion +title: Disable Optimized Text Measuring in Vue DOCX Editor | Syncfusion description: Learn here all about Disable optimized text measuring in Syncfusion Vue Document editor component of Syncfusion Essential JS 2 and more. control: Disable optimized text measuring platform: document-processing @@ -10,9 +10,9 @@ domainurl: ##DomainURL## # Disable optimized text measuring in Vue Document editor component -Starting from v19.3.0.x, the accuracy of text size measurements in [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-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/vue/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) in Document editor settings. +Starting from v19.3.0.x, the accuracy of text size measurements in [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-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/vue/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/vue/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) property of Vue 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/vue/documentation/api/document-editor/documentEditorSettingsModel#enableoptimizedtextmeasuring) property of Vue Document Editor component. ## Disable optimized text measuring in `DocumentEditorContainer` instance diff --git a/Document-Processing/Word/Word-Processor/vue/how-to/enable-ruler-in-document-editor-component.md b/Document-Processing/Word/Word-Processor/vue/how-to/enable-ruler-in-document-editor-component.md index fa0fd0e33a..2f89bcd32b 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to/enable-ruler-in-document-editor-component.md +++ b/Document-Processing/Word/Word-Processor/vue/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 Vue DOCX Editor | Syncfusion component: "DocumentEditor" -description: "Learn how to enable ruler in Vue Document Editor component." +description: Enable the ruler in Syncfusion® Vue DOCX Editor to set margins, tab stops, and paragraph indentations for precise document formatting. platform: document-processing -control: Enable ruler +control: Enable Ruler documentation: ug domainurl: ##DomainURL## --- # How to enable ruler in Vue Document Editor component -Using ruler we can refer to setting specific margins, tab stops, or indentations within a document to ensure consistent formatting in [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor). +The ruler helps you set specific margins, tab stops, or indentations within a document to ensure consistent formatting in [Vue DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/vue-docx-editor) (Document Editor). The following example illustrates how to enable ruler in Document Editor @@ -25,11 +25,11 @@ The following example illustrates how to enable ruler in Document Editor {% previewsample "/document-processing/code-snippet/document-editor/vue/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 -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. @@ -44,4 +44,4 @@ The following example illustrates how to enable ruler in Document Editor Contain {% previewsample "/document-processing/code-snippet/document-editor/vue/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. \ 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/vue/how-to/export-document-as-pdf.md b/Document-Processing/Word/Word-Processor/vue/how-to/export-document-as-pdf.md index 3a7b7ff7c5..0289b35613 100644 --- a/Document-Processing/Word/Word-Processor/vue/how-to/export-document-as-pdf.md +++ b/Document-Processing/Word/Word-Processor/vue/how-to/export-document-as-pdf.md @@ -10,18 +10,17 @@ domainurl: ##DomainURL## # Export document as pdf in Vue 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: -## 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/vue/documentation/api/document-editor/#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/vue/documentation/api/document-editor#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. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -179,15 +178,15 @@ export default { {% endhighlight %} {% endtabs %} -> 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. The following way illustrates how to convert the document as PDF: -* Using [`serialize`](https://ej2.syncfusion.com/vue/documentation/api/document-editor/#serialize) API, convert the document as Sfdt and send it to server-side. +* Using [`serialize`](https://ej2.syncfusion.com/vue/documentation/api/document-editor#serialize) API, convert the document as Sfdt and send it to server-side. The following example code illustrates how to convert the document to sfdt and pass it to server-side.