-
-
Notifications
You must be signed in to change notification settings - Fork 3.7k
/
inlineeditableuiview.js
53 lines (45 loc) · 1.54 KB
/
inlineeditableuiview.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
/**
* @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/**
* @module ui/editableui/inline/inlineeditableuiview
*/
import EditableUIView from '../../editableui/editableuiview';
/**
* The inline editable UI class implementing an inline {@link module:ui/editableui/editableuiview~EditableUIView}.
*
* @extends module:ui/editableui/editableuiview~EditableUIView
*/
export default class InlineEditableUIView extends EditableUIView {
/**
* Creates an instance of the InlineEditableUIView class.
*
* @param {module:utils/locale~Locale} [locale] The locale instance.
* @param {module:engine/view/view~View} editingView The editing view instance the editable is related to.
* @param {HTMLElement} [editableElement] The editable element. If not specified, the
* {@link module:ui/editableui/editableuiview~EditableUIView}
* will create it. Otherwise, the existing element will be used.
*/
constructor( locale, editingView, editableElement ) {
super( locale, editingView, editableElement );
this.extendTemplate( {
attributes: {
role: 'textbox',
class: 'ck-editor__editable_inline'
}
} );
}
/**
* @inheritDoc
*/
render() {
super.render();
const editingView = this._editingView;
const t = this.t;
editingView.change( writer => {
const viewRoot = editingView.document.getRoot( this.name );
writer.setAttribute( 'aria-label', t( 'Rich Text Editor, %0', this.name ), viewRoot );
} );
}
}