BoldSignA modern eSignature application with affordable pricing. Sign up today for unlimited document usage!
I want to disable everything(including custom toolbar item) except two toolbar items ("SourceCode" and "FullScreen") and vertical "scrollbar" in content area should also be enabled.
Hi Harshit,
Your requirement can be achieved by using the readonly property as true for the RichTextEditor, except for the "SourceCode" and "FullScreen" using the toolbarClick event. We have included a code snippet and a sample for your reference.
<ejs-richtexteditor [readonly]="readonly" (toolbarClick)="toolbarClick($event)" > </ejs-richtexteditor> |
public readonly = true; public toolbarClick(e): void { const element = e.originalEvent.target.classList; if ( element.contains('e-source-code') || element.contains('e-maximize') || element.contains('e-minimize') || element.contains('FullScreen') || element.contains('e-preview') ) { this.rteObj.readonly = false; setTimeout(() => { if (e.originalEvent.target.classList.contains('e-preview')) { (document.querySelector('.e-rte-srctextarea') as any).setAttribute( 'readonly', true ); } e.originalEvent.target.click(); (document.querySelector('.e-rte-srctextarea') as any).setAttribute( 'readonly', false ); this.rteObj.readonly = true; }, 200); } else { this.rteObj.readonly = true; } } |
API Link : https://ej2.syncfusion.com/angular/documentation/api/rich-text-editor/#toolbarclick
Regards,
Vinothkumar
It worked, thanks for your reply.
Hi Harshit,
We are glad to assist you.