1. Home
  2. Forum
  3. Blazor
  4. JS Error in text editor with custom toolbar item

JS Error in text editor with custom toolbar item

Hello Syncfusion Team,

i have a razor page with multiple rich text editors.
there are all working well, but they need a custom toolbar item.

I have implemented this in the first text editor:


The custom toolbar is working well, i can add my own symbols/images from the dialog to the html content.

But: the editor that contains the custom toolbar is causing problems. i can only edit the content sporadically (for example, i cant delete the inserted images or tables), my browser console also gives me some errors as soon as i click into the text field of this editor.

 Every time i click in the editor, this error is throwing:


 My Toolbar (working):



Here i have recorded a video, you can see the issue in action:
https://itdocs.de/2021-07-16_10-17-20.mp4

The first editor is working well, but the last is throwing this js errors and i cant remove or edit the content well.

Can you assist me here?
Thanks,

Nils



2 Replies
NS Nils Steinle July 19, 2021 08:09 AM UTC

If i use only this as toolbar, the custom toolbar works well:



but if i add some standard-tools:


i'll get this Null Exception:



I dont know whats the problem...

I hope u can help me out


 


VJ Vinitha Jeyakumar Syncfusion Team July 19, 2021 11:09 AM UTC

Hi Nils, 
 
  
Greetings from Syncfusion support.  
 
 
We have validated your query “JS Error in text editor with custom toolbar item”. 
 
We have tried to reproduce the issue in the following ways,   
  • By ensuring the Rich Text Editor component with only custom toolbar item.
  • By ensuring the Rich Text Editor with both custom toolbar item and standard toolbar items.
  • Also ensured the issue by rendering multiple Rich Text Editors.
  • Ensured the issue by running the sample in all major browsers.
But we couldn’t reproduce the issue from our end. We have prepared a sample for your reference,   
    
Can you please share us with the following details?   
    • The package version you have used in your application.
    • If possible please share us with the simple issue reproducible sample or please modify the shared sample with the issue reproducing code.
The above details will be helpful for us to validate and reproduce the issue from our end and assist you at the earliest.   
  
Regards,  
Vinitha  
 


Loader.
Up arrow icon