SyncFusionRichTextEditor - how to customize the toolbar menu.

[Viji Palanisamy]

Hi,

I am using @syncfusion/ej2-react-richtexteditor: 24.1.41, and I need to customize the toolBarSettings to only include 'Bold', 'Italic', and 'Underline', while removing all other options. I attempted to remove the following items:

• 'StrikeThrough'
• 'FontName'
• 'FontSize'
• 'FontColor'
• 'BackgroundColor'
• 'LowerCase'
• 'UpperCase'
• '|'
• 'CreateTable'
• '|'
• 'Formats'
• 'Alignments'
• 'OrderedList'
• 'UnorderedList'
• 'Outdent'
• 'Indent'
• '|'
• 'CreateLink'
• '|'
• 'ClearFormat'
• 'Print'
• 'SourceCode'
• '|'
• 'Undo'
• 'Redo'

However, it's not working as expected. Can you help me resolve this?

I have attached my code snippet here.

[Yaswin Vikhaash Rajaretenam]

Hi Viji Palanisamy,

We have reviewed your query and identified the issue. It appears that the incorrect casing has been used for the toolbar property in the RichTextEditorComponent page. Please update the casing to the correct format. I have attached the specific line of code where the change needs to be made. Kindly implement this change and verify if it resolves the issue. Let us know if you need further assistance.

Code:

toolbarSettings={this.props.toolbarSettings}

Note: In the code provided, for line number 20, you have entered the letter 'B' in uppercase. Please correct it by using a lowercase 'b' as shown in the revised code above.

Regards,

Yaswin Vikhaash