Vue HtmlEditor - Accessibility

 function registerKeyHandlers () { const htmlEditor = $("#htmlEditorContainer").dxHtmlEditor("instance"); htmlEditor.registerKeyHandler("backspace", function(e) { // The argument "e" contains information on the event }); htmlEditor.registerKeyHandler("space", function(e) { // ... }); }

 import { ..., ViewChild, AfterViewInit } from '@angular/core'; import { DxHtmlEditorModule, DxHtmlEditorComponent } from 'devextreme-angular'; // ... export class AppComponent implements AfterViewInit { @ViewChild(DxHtmlEditorComponent, { static: false }) htmlEditor: DxHtmlEditorComponent; // Prior to Angular 8 // @ViewChild(DxHtmlEditorComponent) htmlEditor: DxHtmlEditorComponent; ngAfterViewInit () { this.htmlEditor.instance.registerKeyHandler('backspace', function(e) { // The argument "e" contains information on the event }); this.htmlEditor.instance.registerKeyHandler('space', function(e) { // ... }); } } @NgModule({ imports: [ // ... DxHtmlEditorModule ], // ... })

<template> <DxHtmlEditor :ref="myHtmlEditorRef" /> </template> <script> import 'devextreme/dist/css/dx.light.css'; import DxHtmlEditor from 'devextreme-vue/html-editor'; const myHtmlEditorRef = 'my-html-editor'; export default { components: { DxHtmlEditor }, data() { return { myHtmlEditorRef } }, computed: { htmlEditor: function() { return this.$refs[myHtmlEditorRef].instance; } }, mounted: function() { this.htmlEditor.registerKeyHandler('backspace', function(e) { // The argument "e" contains information on the event }); this.htmlEditor.registerKeyHandler('space', function(e) { // ... }); } } </script>

 import React from 'react'; import 'devextreme/dist/css/dx.light.css'; import { HtmlEditor } from 'devextreme-react/html-editor'; class App extends React.Component { constructor(props) { super(props); this.htmlEditorRef = React.createRef(); } render() { return ( <HtmlEditor ref={this.htmlEditorRef} /> ); } get htmlEditor() { return this.htmlEditorRef.current.instance(); } componentDidMount() { this.htmlEditor.registerKeyHandler('backspace', function(e) { // The argument "e" contains information on the event }); this.htmlEditor.registerKeyHandler('space', function(e) { // ... }); } } export default App;