Adding text dynamically to the html editor is not working

[NETKroks]

This is my MudHtmlEditor component:

 <MudHtmlEditor @ref="_htmlEditor" @bind-Html="_currentTemplate.Body">
 <MudHtmlToolbarOptions InsertImage="true" />
 </MudHtmlEditor>

And I try to add text / html code dynamically to the editor by doing the following

private void InsertVariable(string variable)
{
 _currentTemplate.Body += $"<p>{{{{{variable}}}}}</p>";
 StateHasChanged();
}

(I have also tried SetHtml and calling the OnChange methods manually but none of this worked for some reason)

[netFreezy]

I have the same problem. I also want to add content dynamically but it does not work...

[erinnmclaughlin]

Hey @NETKroks - just looking at this now.

The editor intentionally does not listen to changes in the Html parameter in order to avoid the performance overhead, but you should be able to set the text dynamically using the SetHtml method.

I just pushed up an example of this to the sample projects if you want to take a look:
c120e55

If that's still not working for you, some initial thoughts:

• Make sure the call to the editor is async and that the call is awaited.
• You may need to wait until OnAfterRender/OnAfterRenderAsync before making updates to the html content.

If you can share more about your specific implementation I may be able to help a bit more!