diff --git a/Oqtane.Client/Modules/Controls/RichTextEditor.razor b/Oqtane.Client/Modules/Controls/RichTextEditor.razor index 82afff0c..6a0eee56 100644 --- a/Oqtane.Client/Modules/Controls/RichTextEditor.razor +++ b/Oqtane.Client/Modules/Controls/RichTextEditor.razor @@ -120,19 +120,25 @@ new Resource { ResourceType = ResourceType.Script, Bundle = "Quill", Url = "js/quill-interop.js" } }; - protected override void OnParametersSet() + protected override void OnInitialized() { _content = Content; // raw HTML } + protected override async Task OnParametersSetAsync() + { + _content = Content; // raw HTML + await RefreshRichText(); + } + protected override async Task OnAfterRenderAsync(bool firstRender) { - var interop = new RichTextEditorInterop(JSRuntime); - - if (firstRender) + var interop = new RichTextEditorInterop(JSRuntime); + if (firstRender) { await base.OnAfterRenderAsync(firstRender); + await interop.CreateEditor( _editorElement, _toolBar, @@ -140,15 +146,14 @@ Placeholder, Theme, DebugLevel); + + await interop.LoadEditorContent(_editorElement, Content); + + _content = Content; // raw HTML + } - - await interop.LoadEditorContent(_editorElement, Content); - - _content = Content; // raw HTML - - // preserve a copy of the rich text content ( Quill sanitizes content so we need to retrieve it from the editor ) - _original = await interop.GetHtml(_editorElement); - + // preserve a copy of the rich text content ( Quill sanitizes content so we need to retrieve it from the editor ) + _original = await interop.GetHtml(_editorElement); } public void CloseFileManager()