diff --git a/js/ckeditor/src/plugins/disabler/disabler.plugin.ts b/js/ckeditor/src/plugins/disabler/disabler.plugin.ts index a51bac3be..9ad8ccfa3 100644 --- a/js/ckeditor/src/plugins/disabler/disabler.plugin.ts +++ b/js/ckeditor/src/plugins/disabler/disabler.plugin.ts @@ -1,6 +1,12 @@ import { Plugin } from '@ckeditor/ckeditor5-core'; import {ClassicEditor} from "@ckeditor/ckeditor5-editor-classic"; +interface BlockFieldInterface{ + (element:HTMLElement, isBlocked: boolean):any; +} + +declare var BlockFieldElement: BlockFieldInterface; + export default class Disabler extends Plugin { static get pluginName() { @@ -36,11 +42,7 @@ export default class Disabler extends Plugin { // @ts-ignore const oElement = $(oEditor.ui.element); if(typeof oElement.block === 'function') { - if (oInputElement.disabled) { - oElement.block({message: '', blockMsgClass: '', enableValidation : true, baseZ: 9999, overlayCSS: { backgroundColor: '#ccd6e066'}}); - } else { - oElement.unblock(); - } + BlockFieldElement(oElement, oInputElement.disabled); } // handle ckeditor read only mode diff --git a/js/utils.js b/js/utils.js index 042e118fa..5bb9fc24f 100644 --- a/js/utils.js +++ b/js/utils.js @@ -314,6 +314,14 @@ function BlockField(field_id, bBlocked) { } } +function BlockFieldElement(element, bBlocked) { + if (bBlocked) { + element.block({message: '', enableValidation : true, baseZ: 9999, overlayCSS: { backgroundColor: '#ccd6e066'}}); + } else { + element.unblock(); + } +} + /** * Updates (enables/disables) a "duration" field */