How to display Rich Text Editor in Azure Communication Service

Georgios Katsis 0 Reputation points
2025-01-17T14:18:05.31+00:00

Hello.
I am trying to add Rich Text Editor feature in my chat (in react) using the Azure Communication Service. The project build successfully but when we deploy the files locally on IIS or Kubernetes cluster on Azure, the format button in send textbox is missing.
I am using the @azure/communication-react 1.21.0-beta.1. Do you know why this is happening and how I could fix it?
Thank you

Azure Communication Services
Azure Communication Services
An Azure communication platform for deploying applications across devices and platforms.
985 questions
{count} votes

1 answer

Sort by: Most helpful
  1. Georgios Katsis 0 Reputation points
    2025-01-28T08:13:15.19+00:00

    @Harshitha Veeramalla Thank you for your answer. Yes I saw it this Q&A, I saw also that in ChatComposite component there is an option to enable or disable the rich text editor. This option locally is working. But does not works when I am trying to deploy the project on Azure for example.
    Here is my code:

    <ChatComposite
                adapter={adapter}
                fluentTheme={currentTheme.theme}
                options={{
                  autoFocus: 'sendBoxTextField',
                  topic: false,
                  richTextEditor: true,
                  participantPane: false,
                  attachmentOptions: {
                    uploadOptions: uploadOptions,
                    downloadOptions: downloadOptions
                  }
    
    0 comments No comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.