|
|
@@ -24,18 +24,20 @@ export default class EditableView extends View {
|
|
|
}
|
|
|
|
|
|
this.editableElement = editableElement;
|
|
|
- this.editableElement.contentEditable = this.model.isEditable;
|
|
|
|
|
|
- this.listenTo( editableElement, 'focus', () => {
|
|
|
- this.model.isFocused = true;
|
|
|
- } );
|
|
|
-
|
|
|
- this.listenTo( editableElement, 'blur', () => {
|
|
|
- this.model.isFocused = false;
|
|
|
- } );
|
|
|
-
|
|
|
- this.listenTo( this.model, 'change:isEditable', ( evt, value ) => {
|
|
|
- editableElement.contentEditable = value;
|
|
|
+ this.applyTemplateToElement( editableElement, {
|
|
|
+ on: {
|
|
|
+ focus: () => {
|
|
|
+ this.model.isFocused = true;
|
|
|
+ },
|
|
|
+ blur: () => {
|
|
|
+ this.model.isFocused = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ attributes: {
|
|
|
+ contentEditable: this.bindToAttribute( 'isEditable' )
|
|
|
+ }
|
|
|
} );
|
|
|
}
|
|
|
}
|