diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/show-hide-spinner.md b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/show-hide-spinner.md index 957ea6fa2f..748534f7a9 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/how-to/show-hide-spinner.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/how-to/show-hide-spinner.md @@ -1,24 +1,24 @@ --- layout: post -title: Show hide spinner in JavaScript (ES5) Document editor | Syncfusion -description: Learn here all about Show hide spinner in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: Show hide spinner in JavaScript (ES5) Document Editor | Syncfusion +description: Learn here all about Show hide spinner in Syncfusion JavaScript (ES5) Document Editor component of Syncfusion Essential JS 2 and more. platform: document-processing control: Show hide spinner documentation: ug domainurl: ##DomainURL## --- -# Show hide spinner in JavaScript (ES5) Document editor +# Show hide spinner in JavaScript (ES5) Document Editor -Using [`spinner`](https://ej2.syncfusion.com/documentation/spinner/getting-started#create-the-spinner-globally) component, you can show/hide spinner while opening document in [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor). +Using the [`spinner`](https://ej2.syncfusion.com/documentation/spinner/getting-started#create-the-spinner-globally) component, you can show or hide a spinner while opening a document in the [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor). -Example code snippet to show/hide spinner +Example code snippet to show or hide a spinner ```ts // showSpinner() will make the spinner visible showSpinner(document.getElementById('container')); -// hideSpinner() method used hide spinner +// hideSpinner() method used to hide the spinner hideSpinner(document.getElementById('container')); ``` @@ -35,4 +35,4 @@ Refer to the following example. {% previewsample "/document-processing/code-snippet/document-editor/javascript-es5/spinner-cs1" %} ->Note: In above example, we have used setInterval to hide spinner, just for demo purpose. +N> In the above example, we have used setInterval to hide the spinner, just for demo purposes. diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/image.md b/Document-Processing/Word/Word-Processor/javascript-es5/image.md index 433455354d..8efb5373ad 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/image.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/image.md @@ -1,16 +1,16 @@ --- layout: post -title: Image in JavaScript (ES5) Document editor control | Syncfusion -description: Learn here all about Image in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: Image in JavaScript (ES5) DOCX Editor control | Syncfusion +description: Learn here all about Image in Syncfusion JavaScript (ES5) Document Editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Image documentation: ug domainurl: ##DomainURL## --- -# Image in JavaScript (ES5) Document editor control +# Image in JavaScript (ES5) Document Editor control -[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) supports common raster format images like PNG, BMP, JPEG, SVG and GIF. You can insert an image file or online image in the document using the [`insertImage()`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor/#insertimage) method. Refer to the following sample code. +[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) supports common raster image formats such as PNG, BMP, JPEG, SVG, and GIF. You can insert an image file or online image in the document using the [`insertImage()`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor#insertimage) method. Refer to the following sample code. {% tabs %} {% highlight js tabtitle="index.js" %} @@ -23,11 +23,11 @@ domainurl: ##DomainURL## {% previewsample "/document-processing/code-snippet/document-editor/javascript-es5/image-cs1" %} -N> 1. Image files will be internally converted to base64 string. Whereas, online images are preserved as URL. N> 2. EMF and WMF images can't be inserted, but these types of images will be preserved in Document Editor when using ASP.NET MVC Web API. +N> Image files are internally converted to base64 strings, whereas online images are preserved as URLs. EMF and WMF images can't be inserted, but these types of images will be preserved in Document Editor when using ASP.NET MVC Web API. ## Alternate text -Document Editor expose API to get or set the alternate text of the selected image. Refer to the following sample code. +Document Editor exposes an API to get or set the alternate text of the selected image. Refer to the following sample code. ```ts documenteditor.selection.imageFormat.alternateText = 'Adventure Cycle'; @@ -35,20 +35,20 @@ documenteditor.selection.imageFormat.alternateText = 'Adventure Cycle'; ## Image resizing -Document Editor provides built-in image resizer that can be injected into your application based on the requirements. This allows you to resize the image by dragging the resizing points using mouse or touch interactions. This resizer appears as follows. +Document Editor provides a built-in image resizer that can be injected into your application based on the requirements. This allows you to resize the image by dragging the resizing points using a mouse or touch interactions. This resizer appears as follows. ![Image](images/image.png) ## Changing size -Document Editor expose API to get or set the size of the selected image. Refer to the following sample code. +Document Editor exposes an API to get or set the size of the selected image. Refer to the following sample code. ```ts documenteditor.selection.imageFormat.width = 800; documenteditor.selection.imageFormat.height = 800; ``` ->Note: Images are stored and processed(read/write) as base64 string in DocumentEditor. The online image URL is preserved as a URL in DocumentEditor upon saving. +N> Images are stored and processed (read/write) as base64 string in DocumentEditor. The online image URL is preserved as a URL in DocumentEditor upon saving. ## Text wrapping style @@ -56,8 +56,8 @@ Text wrapping refers to how images fit with surrounding text in a document. Plea ## Positioning the image -DocumentEditor preserves the position properties of the image and displays the image based on position properties. It does not support modifying the position properties. Whereas the image will be automatically moved along with text edited if it is positioned relative to the line or paragraph. +DocumentEditor preserves the position properties of the image and displays the image based on these position properties. It does not support modifying the position properties. The image will be automatically moved along with the edited text if it is positioned relative to the line or paragraph. -## See Also +## See also * [Feature modules](./feature-module) diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/import.md b/Document-Processing/Word/Word-Processor/javascript-es5/import.md index b3adeb6312..cda69a71be 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/import.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/import.md @@ -1,16 +1,16 @@ --- layout: post -title: Import in JavaScript (ES5) Document editor control | Syncfusion -description: Learn here all about Import in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. +title: Import in JavaScript (ES5) DOCX Editor control | Syncfusion +description: Learn here all about Import in Syncfusion JavaScript (ES5) Document Editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Import documentation: ug domainurl: ##DomainURL## --- -# Import in JavaScript (ES5) Document editor control +# Import in JavaScript (ES5) Document Editor control -In [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor), the documents are stored in its own format called **Syncfusion Document Text (SFDT)**. +In [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor), the documents are stored in Document Editor's own format called **Syncfusion Document Text (SFDT)**. The following example shows how to open SFDT data in Document Editor. @@ -27,7 +27,7 @@ The following example shows how to open SFDT data in Document Editor. ## Import document from local machine -The following example shows how to import document from local machine. +The following example shows how to import a document from the local machine. {% tabs %} {% highlight js tabtitle="index.js" %} @@ -42,11 +42,11 @@ The following example shows how to import document from local machine. ## Convert word documents into SFDT -You can convert word documents into SFDT format using the .NET Standard library [`Syncfusion.EJ2.WordEditor.AspNet.Core`]() by the web API service implementation. This library helps you to convert word documents (.dotx,.docx,.docm,.dot,.doc), rich text format documents (.rtf), and text documents (.txt) into SFDT format. +You can convert Word documents into SFDT format using the .NET Standard library [`Syncfusion.EJ2.WordEditor.AspNet.Core`]() by the web API service implementation. This library helps you to convert Word documents (.dotx,.docx,.docm,.dot,.doc), rich text format documents (.rtf), and text documents (.txt) into SFDT format. ->Note: The JavaScript Document Editor component's document pagination (page-by-page display) can't be guaranteed for all the Word documents to match the pagination of Microsoft Word application. For more information about [why the document pagination (page-by-page display) differs from Microsoft Word](./import#why-the-document-pagination-differs-from-microsoft-word) +N> The Syncfusion® Document Editor component's document pagination (page-by-page display) can't be guaranteed for all the Word documents to match the pagination of Microsoft Word application. For more information about [why the document pagination (page-by-page display) differs from Microsoft Word](./import#why-the-document-pagination-differs-from-microsoft-word). -Please refer the following example for converting word documents into SFDT. +Please refer to the following example for converting Word documents into SFDT. ```js // Initialize the Document Editor component. @@ -100,7 +100,7 @@ function loadFile(file) { } ``` -Here’s how to handle the server-side action for converting word document in to SFDT. +Here's how to handle the server-side action for converting a Word document into SFDT. ```c# [AcceptVerbs("Post")] @@ -148,19 +148,19 @@ Here’s how to handle the server-side action for converting word document in to ``` -To know about server-side action, please refer this [page](./web-services-overview). +To know about server-side action, please refer to this [page](./web-services-overview). ## Compatibility with Microsoft Word -JavaScript Document Editor is a minimal viable Word document viewer/editor product for web applications. As most compatible Word editor, the product vision is adding valuable feature sets of Microsoft Word, and not to cover 100% feature sets of Microsoft Word desktop application. You can even see the feature sets difference between Microsoft Word desktop and their Word online application. So kindly don't misunderstand this component as a complete replacement for Microsoft Word desktop application and expect 100% feature sets of it. +Syncfusion® Document Editor is a minimal viable Word document viewer/editor product for web applications. As the most compatible Word editor, the product vision is adding valuable feature sets of Microsoft Word, and not to cover 100% feature sets of Microsoft Word desktop application. You can even see the feature sets difference between Microsoft Word desktop and their Word online application. So kindly don't misunderstand this component as a complete replacement for Microsoft Word desktop application and expect 100% feature sets of it. -### How Syncfusion® accepts the feature request for Document Editor +### How Syncfusion® accepts the feature requests for Document Editor -Syncfusion accepts new feature request as valid based on feature value and technological feasibility, then plan to implement unsupported features incrementally in future releases in a phase-by-phase manner. +Syncfusion accepts new feature requests as valid based on feature value and technological feasibility, then plans to implement unsupported features incrementally in future releases in a phase-by-phase manner. -### How to report the problems in Document Editor +### How to report problems in Document Editor -You can report the problems with displaying, or editing Word documents in Document Editor component through [`support forum`](https://www.syncfusion.com/forums/), [`Direct-Trac`](https://www.syncfusion.com/support/directtrac/), or [`feedback portal`](https://www.syncfusion.com/feedback/). Kindly share the Word document for replicating the problem easily in minimal time. If you have confidential data, you can replace it and attach the document. +You can report problems with displaying or editing Word documents in Document Editor component through [`support forum`](https://www.syncfusion.com/forums/), [`Direct-Trac`](https://www.syncfusion.com/support/directtrac/), or [`feedback portal`](https://www.syncfusion.com/feedback/). Kindly share the Word document for replicating the problem easily in minimal time. If you have confidential data, you can replace it and attach the document. ### Why the document pagination differs from Microsoft Word @@ -179,7 +179,7 @@ The following table illustrates the reasons for pagination (page-by-page display |Any unsupported elements or formatting present in your document |Customer can report to Syncfusion® support and track the status through feature request link.   Syncfusion® implements unsupported features incrementally in future releases based on feature importance, customer interest, efforts involved, and technological feasibility. Also, suggests alternate approach for possible cases.| |Technical limitation related to framework   For example, there is a known case with slight fractional difference in text size measured using HTML and Microsoft Word’s display.|Customer can report to Syncfusion® support and track the status through feature request link.  Syncfusion® does research about alternate approaches to overcome the technical limitation/behaviors and process it same as a feature. >Note: Here the challenge is, time schedule for implementation varies based on the alternate solution and its reliability.| -## See Also +## See also * [Feature modules](./feature-module) * [How to show and hide spinner while opening document in DocumentEditor](./how-to/show-hide-spinner) \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/keyboard-shortcut.md b/Document-Processing/Word/Word-Processor/javascript-es5/keyboard-shortcut.md index 5f2ab164f7..58e5b3292d 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/keyboard-shortcut.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/keyboard-shortcut.md @@ -1,6 +1,6 @@ --- layout: post -title: Keyboard shortcut in JavaScript (ES5) Document editor control | Syncfusion +title: Keyboard shortcut in JavaScript (ES5) DOCX editor control | Syncfusion description: Learn here all about Keyboard shortcut in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Keyboard shortcut @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Keyboard shortcut in JavaScript (ES5) Document editor control +# Keyboard shortcut in JavaScript (ES5) Document Editor control ## Text formatting @@ -21,8 +21,8 @@ The following table lists the default keyboard shortcuts in [JavaScript DOCX Edi |Ctrl + U | Toggles the underline property of selected text.| |Ctrl + + | Toggles the subscript formatting of selected text.| |Ctrl + Shift + + | Toggles the superscript formatting of selected contents.| -| Ctrl + } | Increases the actual font size of selected text by one point.| -| Ctrl + { | Decreases the actual font size of selected text by one point.| +| Ctrl + } | Increases the font size of selected text by one point.| +| Ctrl + { | Decreases the font size of selected text by one point.| ## Paragraph formatting @@ -30,17 +30,17 @@ The following table lists the default keyboard shortcuts for formatting the para | Key combination | Description | |-----------------|-------------| -|Ctrl + E | Selected paragraphs are center aligned.| +|Ctrl + E | Selected paragraphs are center-aligned.| |Ctrl + J |Selected paragraphs are justified.| -|Ctrl + L | Selected paragraphs are left aligned.| -|Ctrl + R | Selected paragraphs are right aligned.| -|Ctrl + 1 | Single line spacing is applied for selected paragraphs.| -|Ctrl + 5 | 1.5 line spacing is applied for selected paragraphs.| -|Ctrl + 2 | Double spacing is applied for selected paragraphs.| -|Ctrl + 0 | No spacing is applied before the selected paragraphs.| +|Ctrl + L | Selected paragraphs are left-aligned.| +|Ctrl + R | Selected paragraphs are right-aligned.| +|Ctrl + 1 | Applies single line spacing to the selected paragraphs.| +|Ctrl + 5 | Applies 1.5 line spacing to the selected paragraphs.| +|Ctrl + 2 | Applies double line spacing to the selected paragraphs.| +|Ctrl + 0 | Applies no spacing before the selected paragraphs.| |Ctrl + M | Increases the left indent of selected paragraphs by a factor of 36 points.| |Ctrl + Shift + M | Decreases the left indent of selected paragraphs by a factor of 36 points.| -|Ctrl + * | Show/Hide the hidden characters like spaces, tab, paragraph marks, and breaks.| +|Ctrl + * | Shows or hides hidden characters such as spaces, tabs, paragraph marks, and breaks.| ## Clipboard @@ -96,11 +96,11 @@ The following table lists the default keyboard shortcuts for formatting the para |Ctrl + F| Opens options pane.| |Ctrl + H| Opens replace tab in options pane.| -## Create, Save and Print document +## Create, Save, and Print document |Key Combination|Description| |---------------|-----------| -|Ctrl + N| Opens empty document.| +|Ctrl + N| Opens an empty document.| |Ctrl + S| Saves the document in SFDT format.| |Ctrl + P| Prints the document.| @@ -108,8 +108,8 @@ The following table lists the default keyboard shortcuts for formatting the para |Key Combination|Description| |---------------|-----------| -|Backspace | Deletes one character to the left.| -|Delete | Deletes one character to the right.| +|Backspace| Deletes one character to the left.| +|Delete| Deletes one character to the right.| |Ctrl + Z | Undo last performed action.| |Ctrl + Y | Redo last undo action.| @@ -128,6 +128,6 @@ The following table lists the default keyboard shortcuts for formatting the para |Ctrl + D| Opens font dialog.| |Ctrl + K| Opens hyperlink dialog.| -## See Also +## See also * [How to override the keyboard shortcuts](./how-to/override-the-keyboard-shortcuts) \ No newline at end of file diff --git a/Document-Processing/Word/Word-Processor/javascript-es5/link.md b/Document-Processing/Word/Word-Processor/javascript-es5/link.md index 1df4291bf2..6efa6b9b8a 100644 --- a/Document-Processing/Word/Word-Processor/javascript-es5/link.md +++ b/Document-Processing/Word/Word-Processor/javascript-es5/link.md @@ -1,6 +1,6 @@ --- layout: post -title: Link in JavaScript (ES5) Document editor control | Syncfusion +title: Link in JavaScript (ES5) DOCX Editor control | Syncfusion description: Learn here all about Link in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more. platform: document-processing control: Link @@ -8,17 +8,17 @@ documentation: ug domainurl: ##DomainURL## --- -# Link in JavaScript (ES5) Document editor control +# Link in JavaScript (ES5) Document Editor control -[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) supports hyperlink field. You can link a part of the document content to Internet or file location, mail address, or any text within the document. +[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) supports the hyperlink field. You can link a part of the document content to the Internet, a file location, a mail address, or any text within the document. ## Navigate a hyperlink -Document Editor triggers ‘requestNavigate’ event whenever user clicks Ctrl key or tap a hyperlink within the document. This event provides necessary details about link type, navigation URL, and local URL (if any) as arguments, and allows you to easily customize the hyperlink navigation functionality. +Document Editor triggers the `requestNavigate` event whenever the user presses the Ctrl key or taps a hyperlink within the document. This event provides the necessary details about link type, navigation URL, and local URL (if any) as arguments, and allows you to easily customize the hyperlink navigation functionality. ### Add the requestNavigate event for DocumentEditor -The following example illustrates how to add requestNavigate event for DocumentEditor. +The following example illustrates how to add the `requestNavigate` event for the DocumentEditor. {% tabs %} {% highlight js tabtitle="index.js" %} @@ -33,7 +33,7 @@ The following example illustrates how to add requestNavigate event for DocumentE ### Add the requestNavigate event for DocumentEditorContainer component -The following example illustrates how to add requestNavigate event for DocumentEditorContainer component. +The following example illustrates how to add the `requestNavigate` event for the DocumentEditorContainer component. ```js @@ -62,7 +62,7 @@ container.documentEditor.requestNavigate = function (args) { ``` -If the selection is in hyperlink, trigger this event by calling ‘navigateHyperlink’ method of ‘Selection’ instance. Refer to the following example. +If the selection is in a hyperlink, trigger this event by calling the `navigateHyperlink` method of the `Selection` instance. Refer to the following example. ```js documenteditor.selection.navigateHyperlink(); @@ -70,7 +70,7 @@ documenteditor.selection.navigateHyperlink(); ## Copy link -Document Editor copies link text of a hyperlink field to the clipboard if the selection is in hyperlink. Refer to the following example. +Document Editor copies the link text of a hyperlink field to the clipboard if the selection is in a hyperlink. Refer to the following example. ```js documenteditor.selection.copyHyperlink(); @@ -84,7 +84,7 @@ To create a basic hyperlink in the document, press `ENTER` / `SPACEBAR` / `SHIFT > ``
> `file:///`
> `www.`
-> `mail-to:`
+> `mailto:`
Refer to the following example. @@ -99,7 +99,7 @@ Refer to the following example. {% previewsample "/document-processing/code-snippet/document-editor/javascript-es5/hyperlink-cs2" %} -Also Document Editor expose API [`insertHyperlink()`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor#inserthyperlink)to insert hyperlink. +Also Document Editor exposes the [`insertHyperlink()`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor#inserthyperlink) API to insert a hyperlink. Refer to the following sample code. @@ -109,19 +109,19 @@ documenteditor.editor.insertHyperlink('https://www.google.com', 'Google'); ## Customize screen tip -You can customize the screen tip text for the hyperlink by using below sample code. +You can customize the screen tip text for the hyperlink by using the sample code below. ```js documenteditor.editor.insertHyperlink('https://www.google.com', 'Google', '<>'); ``` -Screen tip text can be modified through UI by using the [Hyperlink dialog](./dialog#hyperlink-dialog) +Screen tip text can be modified through the UI by using the [Hyperlink dialog](./dialog#hyperlink-dialog). ![Add or modify the screen tip text for hyperlinks in a Word document.](images/screentip.png) ## Remove hyperlink -To remove link from hyperlink in the document, press Backspace key at the end of a hyperlink. By removing the link, it will be converted as plain text. You can use ‘removeHyperlink’ method of ‘Editor’ instance if the selection is in hyperlink. Refer to the following example. +To remove the link from a hyperlink in the document, press the Backspace key at the end of a hyperlink. By removing the link, it will be converted as plain text. You can use the `removeHyperlink` method of the `Editor` instance if the selection is in a hyperlink. Refer to the following example. ```js documenteditor.editor.removeHyperlink(); @@ -142,17 +142,17 @@ Document Editor provides dialog support to insert or edit a hyperlink. Refer to {% previewsample "/document-processing/code-snippet/document-editor/javascript-es5/dialog-cs16" %} -You can use the following keyboard shortcut to open the hyperlink dialog if the selection is in hyperlink. +You can use the following keyboard shortcut to open the hyperlink dialog if the selection is in a hyperlink. | Key Combination | Description | |-----------------|-------------| -|Ctrl + K | Open hyperlink dialog that allows you to create or edit hyperlink| +|Ctrl + K | Open hyperlink dialog that allows you to create or edit a hyperlink| -## Online Demo +## Online demo -Explore how to insert and manage hyperlinks in Word documents using the JavaScript (ES5) Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/javascript-es5/#/material3/document-editor/links-and-bookmarks.html). +Explore how to insert and manage hyperlinks in Word documents using the JavaScript (ES5) Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/javascript-es5/#/material3/document-editor/links-and-bookmarks.html). -## See Also +## See also * [Feature modules](./feature-module) * [Hyperlink dialog](./dialog#hyperlink-dialog)