Как адаптировать поведение @onblur = "methodblur" и интегрировать его с помощью редактора Quilljs? ⇐ Javascript

[Anonymous]

В моем приложении Blazor Web с .net 9 я пытался отслеживать, теряет ли редактор фокус. Хотя я могу контролировать сам редактор, я понятия не имею, как правильно интегрировать событие Quilljs HasFocus с подходом C# для обработки этого. По этой причине я решил имитировать поведение события @onblur в , предполагая, что это возможно ...

Моя первоначальная попытка была увидеть, будет ли @onblur , но это не так:

Код: Выделить всё

@code {
private void FormatOnBlurQuill(FocusEventArgs e)
{
Console.WriteLine("Test focus blur"); // not working
}
}

I suspected that this wasn't the same as an InputText or a related form field that can handle @onblur events.

However, I tried to see if I could get the editor's focus status this way:

JavaScript code

window.previewContent = function () {
const quill = new Quill('#editor', {
modules: {
toolbar: '#toolbar-container'
},
placeholder: 'Compose a product description here...',
theme: 'snow'
});
window.quillEditor = quill;
};

window.getQuillFocusState = function () {
if (window.quillEditor) {
return window.quillEditor.hasFocus();
}
}
< /code>
c# code: < /h4>
@code {
private async Task SomeMethod()
{
await JS.InvokeVoidAsync("previewContent");
bool isQuillFocused = await JS.InvokeAsync("getQuillFocusState");
Console.WriteLine($"Is quill focused: {isQuillFocused}"); // Is quill focused: False
}
}
< /code>
Я не знаком с тем, как справляться с событиями с JavaScript в веб -приложении Blazor, чтобы постоянно контролировать состояние фокусировки редактора Quilljs. Редактор и принять решительные действия на стороне сервера на основе его фактического состояния фокуса?


Подробнее здесь: https://stackoverflow.com/questions/797 ... ljs-editor