Readonly for richtexteditor

[Toan Bui]

I am using richtexteditor, now I want to display my text without allowing editing and hide toolbar and border. Can you help me?

[Gunasekar Kuppusamy]

Hi Toan,

Greetings from Syncfusion support.


We have validated your reported query "I want to display my text without allowing editing and hide toolbar and border. Can you help me?"

We can achieve your requirement by setting the RichTextEditor readOnly property as true and using customized styles.

We have prepared a sample for your reference.

Code snippets:

<ejs-richtexteditor height="200px" readonly="true">

    . . .

  </ejs-richtexteditor>

.e-toolbar-wrapper {

  height: 0px !important;

}

.e-control.e-richtexteditor {

  border: none;

}

.e-control.e-richtexteditor .e-rte-content {

  border: none;

}

Sample: https://stackblitz.com/edit/angular-nvf4zk-opg3pc?file=app.component.html

Please check the sample and let us know if the solution helps,

Regards,
Gunasekar

​

[Toan Bui]

I did it. Thank you so much!

[Gunasekar Kuppusamy]

Hi Toan,

 

 

We are glad that you have resolved the issue from your end. Please let us know if you need further assistance.   

Regards,  

Gunasekar