Skip to content

1046505: Updated 5 files in ES5 DOCX Editor #4252

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
VijayalakshmiGSF4561 wants to merge 1 commit into
base: hotfix/hotfix-v34.2.2
Choose a base branch
from
Open

1046505: Updated 5 files in ES5 DOCX Editor #4252

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 12 additions & 10 deletions Document-Processing/Word/Word-Processor/javascript-es5/accessibility.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Accessibility in JavaScript (ES5) Document editor | Syncfusion
description: Learn here all about Accessibility in Syncfusion JavaScript (ES5) Document editor component of Syncfusion Essential JS 2 and more.
title: Accessibility in JavaScript (ES5) DOCX Editor | Syncfusion
description: Learn here all about Accessibility in Syncfusion JavaScript (ES5) Document Editor component of Essential JS 2 and more.
control: Accessibility
platform: document-processing
documentation: ug
domainurl: ##DomainURL##
---

# Accessibility in JavaScript (ES5) Document editor component
# Accessibility in JavaScript (ES5) Document Editor component

The accessibility compliance for the [JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) component is outlined below.

Expand Down Expand Up @@ -36,18 +36,20 @@ The accessibility compliance for the [JavaScript DOCX Editor](https://www.syncfu

<div><img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> - The component does not meet the requirement.</div>

## Keyboard interaction
## Keyboard Accessibility

Document editor supports [keyboard shortcuts](./keyboard-shortcut).
For keyboard accessibility, the Document Editor supports a range of [keyboard shortcuts](./keyboard-shortcut) for navigation and editing without a mouse, including tab navigation, cursor movement, and shortcut key combinations for common editing actions such as copy, paste, undo, and redo.

## Ensuring accessibility
The following accessibility compliance summary applies to the Syncfusion JavaScript (ES5) Document Editor component.

The Document editor component's accessibility levels are ensured through an [accessibility-checker](https://www.npmjs.com/package/accessibility-checker) and [axe-core](https://www.npmjs.com/package/axe-core) software tools during automated testing.
## Ensuring Accessibility

The accessibility compliance of the Document editor component is shown in the following sample. Open the [sample](https://ej2.syncfusion.com/accessibility/wordprocessor.html) in a new window to evaluate the accessibility of the Document editor component with accessibility tools.
The Document Editor component's accessibility levels are ensured through an [accessibility-checker](https://www.npmjs.com/package/accessibility-checker) and [axe-core](https://www.npmjs.com/package/axe-core) software tools during automated testing.

The accessibility compliance of the Document Editor component is shown in the following sample. Open the [sample](https://ej2.syncfusion.com/accessibility/wordprocessor.html) in a new window to evaluate the accessibility of the Document Editor component with accessibility tools.

{% previewsample "/document-processing/code-snippet/document-editor/javascript-es5/accessibility-cs1" %}

## See also
## See Also

- [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> Angular components](https://ej2.syncfusion.com/javascript/documentation/common/accessibility)
- [Accessibility in Syncfusion<sup style="font-size:70%">&reg;</sup> JavaScript components](https://ej2.syncfusion.com/javascript/documentation/common/accessibility)
76 changes: 40 additions & 36 deletions Document-Processing/Word/Word-Processor/javascript-es5/bookmark.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Bookmark in JavaScript (ES5) Document editor control | Syncfusion
description: Learn here all about Bookmark in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more.
title: Bookmark in JavaScript (ES5) DOCX Editor control | Syncfusion
description: Learn here all about Bookmark in Syncfusion JavaScript (ES5) Document Editor control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Bookmark
documentation: ug
domainurl: ##DomainURL##
---

# Bookmark in JavaScript (ES5) Document editor control
# Bookmark in JavaScript (ES5) Document Editor control

Bookmark is a powerful tool that helps you to mark a place in the document to find again easily. You can enter many bookmarks in the document and give each one a unique name to identify easily.

Expand All @@ -19,72 +19,76 @@ Bookmark is a powerful tool that helps you to mark a place in the document to fi

## Add bookmark

Using [`insertBookmark`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor/#insertbookmark) method, Bookmark can be added to the selected text.
Using [`insertBookmark`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor#insertbookmark) method, Bookmark can be added to the selected text.

```c#
container.documentEditor.editor.insertBookmark("Bookmark1");
```javascript
this.container.documentEditor.editor.insertBookmark("Bookmark1");
```

## Select Bookmark

You can select the bookmark in the document using [`selectBookmark`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/selection/#selectbookmark) method by providing Bookmark name to select as shown in the following code snippet.
You can select the bookmark in the document using [`selectBookmark`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/selection#selectbookmark) method by providing Bookmark name to select as shown in the following code snippet.

```c#
container.documentEditor.selection.selectBookmark("Bookmark1", true);
```javascript
this.container.documentEditor.selection.selectBookmark("Bookmark1", true);
```

>Note: Second parameter is optional parameter and it denotes is exclude bookmark start and end from selection. If true, excludes bookmark start and end from selection.
N> Second parameter is optional parameter and it denotes is exclude bookmark start and end from selection. If true, excludes bookmark start and end from selection.

## Delete Bookmark

You can delete bookmark in the document using [`deleteBookmark`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor/#deletebookmark) method as shown in the following code snippet.
You can delete a bookmark in the document using [`deleteBookmark`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/editor#deletebookmark) method as shown in the following code snippet.

```c#
container.documentEditor.editor.deleteBookmark("Bookmark1");
```javascript
this.container.documentEditor.editor.deleteBookmark("Bookmark1");
```

## Get Bookmark from document

You can get all the bookmarks in the document using [`getBookmarks`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#getbookmarks) method as shown in the following code snippet.
You can get all the bookmarks in the document using the [`getBookmarks`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor#getbookmarks) method on the `DocumentEditor` instance as shown in the following code snippet.

```c#
container.documentEditor.getBookmarks(false);
```javascript
this.container.documentEditor.getBookmarks(false);
```

>Note: Parameter denotes is include hidden bookmarks. If false, ignore hidden bookmark.
N> The boolean parameter denotes whether to include hidden bookmarks. If false, hidden bookmarks are ignored.

## Get Bookmark from selection

You can get bookmarks in current selection in the document using [`getBookmarks`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/selection/#getbookmarks) method as shown in the following code snippet.
You can get bookmarks in the current selection in the document using [`getBookmarks`](https://ej2.syncfusion.com/javascript/documentation/api/document-editor/selection#getbookmarks) method on the `Selection` instance as shown in the following code snippet.

```c#
container.documentEditor.selection.getBookmarks(false);
```javascript
this.container.documentEditor.selection.getBookmarks(false);
```

## Replace bookmark content
## Show or Hide bookmark

You can replace bookmark content without removing the bookmark start and end for backtracking the bookmark content.
You can show or hide the bookmark indicators around bookmarked items in Document Editor component.

```c#
container.documentEditor.selection.selectBookmark("Bookmark1", true);
container.documentEditor.editor.insertText('Hello World')
The following example code illustrates how to show or hide the bookmark indicators around bookmarked items.

```javascript
this.container.documentEditor.documentEditorSettings.showBookmarks = true;
```

You can replace content by removing the bookmark start and end, thus the bookmark content can't be tracked in future.
## Replace bookmark content

### Preserve the bookmark while replacing content

```c#
container.documentEditor.selection.selectBookmark("Bookmark1");
container.documentEditor.editor.insertText('Hello World')
```
When you pass `true` for the `excludeStartEnd` parameter in `selectBookmark`, the bookmark start and end markers are preserved. The subsequent `insertText` call replaces only the content between the markers, so the bookmark remains intact and can be tracked later.

## Show or Hide bookmark
```javascript
this.container.documentEditor.selection.selectBookmark("Bookmark1", true);
this.container.documentEditor.editor.insertText('Hello World');
```

You can show or hide the show square brackets around bookmarked items in Document editor component.
### Remove the bookmark while replacing content

The following example code illustrates how to show or hide square brackets around bookmarked items.
When you omit the `excludeStartEnd` parameter (or pass `false`), the bookmark start and end markers are included in the selection. The subsequent `insertText` call replaces both the content and the markers, so the bookmark is removed and cannot be tracked later.

```ts
container.documentEditorSettings.showBookmarks = true;
```javascript
this.container.documentEditor.selection.selectBookmark("Bookmark1");
this.container.documentEditor.editor.insertText('Hello World');
```

## Bookmark Dialog
Expand All @@ -105,7 +109,7 @@ The following example shows how to open bookmark dialog in Document Editor.

## Online Demo

Explore how to insert and manage bookmarks 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 bookmarks in Word documents using the JavaScript (ES5) Document Editor in this live demo [here](https://document.syncfusion.com/demos/docx-editor/javascript-es5/#/tailwind3/document-editor/links-and-bookmarks.html).

## See Also

Expand Down
14 changes: 7 additions & 7 deletions Document-Processing/Word/Word-Processor/javascript-es5/chart.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
---
layout: post
title: Chart in JavaScript (ES5) Document Editor Control | Syncfusion
description: Learn here all about Chart in Syncfusion JavaScript (ES5) Document editor control of Syncfusion Essential JS 2 and more.
title: Chart in JavaScript (ES5) DOCX Editor Component | Syncfusion
description: Learn here all about Chart in Syncfusion JavaScript (ES5) Document Editor control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Chart
documentation: ug
domainurl: ##DomainURL##
---

# Chart in JavaScript (ES5) Document Editor Control
# Chart in JavaScript (ES5) Document Editor Component

[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) provides chart preservation support. Using Document Editor, you can see the chart reports from your Word document.
[JavaScript DOCX Editor](https://www.syncfusion.com/docx-editor-sdk/javascript-docx-editor) (Document Editor) provides chart preservation support. Using the Document Editor, you can view chart reports from your Word document.

The following example shows chart preservation in Document Editor.
The following example shows chart preservation in the Document Editor.

{% tabs %}
{% highlight js tabtitle="index.js" %}
Expand All @@ -27,7 +27,7 @@ The following example shows chart preservation in Document Editor.

## Supported Chart Types

The following chart types are supported in Document Editor
The following chart types are supported in the Document Editor:
* Scatter_Markers
* Bubble
* Area
Expand All @@ -50,4 +50,4 @@ The following chart types are supported in Document Editor

## Online Demo

Explore how to preserve charts 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/chart.html).
Explore how to preserve charts in Word documents using the JavaScript (ES5) Document Editor in this [live demo](https://document.syncfusion.com/demos/docx-editor/javascript-es5/#/tailwind3/document-editor/chart).
Loading