我使用的是 CKEditor 我使用以下javascript代码来配置我的ClassicEditor。
ClassicEditor
.create($("#post-message")[0], {
language: $("html").attr("lang"),
alignment: {
options: ['left', 'right']
},
toolbar: ["undo", "redo", "bold", "italic", "blockQuote", "link", "numberedList", "bulletedList"],
autoParagraph : false
})
.then(editor => {
myEditor = editor;
myEditor.model.document.on('change', (event) => {
$("#post-message").val(myEditor.getData());
if (validatePostMessage() == false) {
$(".ck-content").css("border-color", "red");
}
else {
$(".ck-content").css("border-color", "rgb(196, 196, 196)")
}
});
//this one not working
myEditor.model.document.on('blur', (event) => {
alert("hi");
});
})
.catch(error => {
console.error(error);
});
上面的代码工作时 变化 事件发生但 模糊 事件不工作。
<textarea type="text"
class="form-control"
maxlength="2000"
id="post-message"
name="post-message">
</textarea>
我的问题是为什么当我的编辑器失去焦点时,模糊事件处理程序不工作?
PS:
我使用的是以下版本。
你可以使用 追焦 以确定它是焦点还是模糊。
文档中的例子。
editor.editing.view.document.on('change:isFocused', ( evt, data, isFocused ) => {
console.log( `View document is focused: ${ isFocused }.` );
});
所以,对于你的使用情况,它应该是:
editor.editing.view.document.on('change:isFocused', ( evt, data, isFocused ) => {
if ( isFocused == false ) // blur
{
alert('blur');
}
});