Show toolbar only when focused on RTE

[vijaymohan]

Hi

is it possible to add feature to show toolbar only when RichTextEditor control has focus in Blazor. It is simillar solution to inline mode but not the same.

Then RTE will look like standard input until user clicks inside it.

Same as Thread ID: 150037

Regards

Vijay

[Indrajith Srinivasan]

Hi Vijaymohan, 

 

Greetings from Syncfusion support, 

 

We have validated your reported query. Yes, you can achieve the same behavior in the Blazor Rich Text Editor. Bind the events Blur and Focus for the Rich Text Editor, dynamically enable and disable the Enable property from the RichTextEditorToolbarSettings. Check the below shared code blocks and sample for reference. 

 

Code blocks:  

 

 

@using Syncfusion.Blazor.RichTextEditor 

 

<SfRichTextEditor> 

    <RichTextEditorToolbarSettings Enable="@Enabled"></RichTextEditorToolbarSettings> 

    <RichTextEditorEvents Blur="@onBlur" Focus="@onFocus"></RichTextEditorEvents> 

    <p>Rich Text Editor allows to insert images from online source as well as local computer where you want to insert the image in your content.</p> 

    <p><b>Get started Quick Toolbar to click on the image</b></p> 

    <p>It is possible to add custom style on the selected image inside the Rich Text Editor through quick toolbar.</p> 

</SfRichTextEditor> 

 

@code { 

    public bool Enabled { get; set; } 

    public void onBlur() 

    { 

        this.Enabled = false; 

    } 

    public void onFocus() 

    { 

        this.Enabled = true; 

    } 

} 

 

 

Sample: https://www.syncfusion.com/downloads/support/forum/160670/ze/Dynamic_RTE_Toolbar-1136480124  

 

Please let us know if the solution helps, 

 

Regards, 

Indrajith 

[Devarajan]

Dear Indrajith Srinivasan,

when I use this line  <RichTextEditorToolbarSettings Enable="@Enabled"></RichTextEditorToolbarSettings>                           <RichTextEditorEvents Blur="@onBlur" Focus="@onFocus"></RichTextEditorEvents>  toolbar  dropdown menu like BackgroundColor, FontColor and font not working 

[Indrajith Srinivasan]

Hi Devarajan, 

 

Good day to you, 

 

We have validated your reported query and have consider “Dynamically Enable/Disable, Rich Text Editor toolbars not working properly “ as an bug and the fix will be included with our patch release on 1^st week of January. 

 

You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further enquiries through this link: https://www.syncfusion.com/feedback/20749/  

 

Regards, 

Indrajith 

[Revanth Krishnan]

Hi Vijaymohan, 

 

 

Sorry for the inconvenience. 

 

We are currently facing complexity in implementing the fix “Dynamically Enable/Disable, Rich Text Editor toolbars not working properly“ we will include this fix in our patch release scheduled on 9^th February. 

 

We appreciate your patience till then. 

 

Regards, 

Revanth 

[Revanth Krishnan]

Hi Vijaymohan,  

  

  

Sorry for the inconvenience.  

  

We are still facing complexity in implementing the fix “Dynamically Enable/Disable, Rich Text Editor toolbars not working properly“ we will include this fix in our patch release scheduled on 16^th February.  

  

We appreciate your patience till then.  

  

Regards,  

Revanth  

[Revanth Krishnan]

Hi Vijaymohan, 

 

 

Thanks for the patience. 

 

  

We have resolved the reported issue ”Dynamically Enable/Disable, Rich Text Editor toolbars not working properly” with the package version 18.4.43.  

Can you please upgrade your package to this version to resolve the issue on your end?    

  

Release Notes: https://blazor.syncfusion.com/documentation/release-notes/18.4.43/?type=all#richtexteditor 

 

Regards, 

Revanth