| layout | title | description | platform | control | documentation | domainurl |
|---|---|---|---|---|---|---|
post |
How to in Angular Document editor component | Syncfusion |
Learn here all about How to in Syncfusion Angular Document editor component of Syncfusion Essential JS 2 and more. |
ej2-angular |
How to |
ug |
Document Editor triggers the keyDown event every time when any key is entered and provides an instance of DocumentEditorKeyDownEventArgs. You can use the isHandled property to override the keyboard shortcut behaviour.
The following code shows how to prevent the CTRL + C keyboard shortcut for copying selected content in document editor.
{% tabs %} {% highlight ts tabtitle="app.component.ts" %} {% include code-snippet/document-editor/prevent-keyboard-cs1/src/app.component.ts %} {% endhighlight %} {% highlight ts tabtitle="app.module.ts" %} {% include code-snippet/document-editor/prevent-keyboard-cs1/src/app.module.ts %} {% endhighlight %} {% highlight ts tabtitle="main.ts" %} {% include code-snippet/document-editor/prevent-keyboard-cs1/src/main.ts %} {% endhighlight %} {% endtabs %}
{% previewsample "page.domainurl/samples/document-editor/prevent-keyboard-cs1" %}
Override or define a new keyboard shortcut behaviour instead of preventing the keyboard shortcut.
For example, Ctrl + S keyboard shortcut saves the document in SFDT format by default, and there is no behaviour for Ctrl + Alt + S. The following code demonstrates how to override the Ctrl + S shortcut to save a document in DOCX format and define Ctrl + Alt + S to save the document in SFDT format.
{% tabs %} {% highlight ts tabtitle="app.component.ts" %} {% include code-snippet/document-editor/override-keyboard-cs1/src/app.component.ts %} {% endhighlight %} {% highlight ts tabtitle="app.module.ts" %} {% include code-snippet/document-editor/override-keyboard-cs1/src/app.module.ts %} {% endhighlight %} {% highlight ts tabtitle="main.ts" %} {% include code-snippet/document-editor/override-keyboard-cs1/src/main.ts %} {% endhighlight %} {% endtabs %}
{% previewsample "page.domainurl/samples/document-editor/override-keyboard-cs1" %}