Hi support,
I'm using document editor container on my Angular application.
I need to open the component in readonly mode, relative to a variable assigned on init.
This is the HTML code:
<ejs-documenteditorcontainer [enableToolbar]="true"
[toolbarItems]="toolbarItems"
[restrictEditing]="isDocumentReadOnly"
(created)="onEditorCreated()"
(contentChange)="onEditorContentChange($event)"
(toolbarClick)="onToolbarClick($event)"
serviceUrl="https://ej2services.syncfusion.com/production/web-services/api/documenteditor/"
style="display:block"
height="calc(100vh - 80px)">
</ejs-documenteditorcontainer>
As you can see, I'm binding restrictEditing to a variable.
That boolean variable is true by default.
Then when I open the editor, right sidebar, aka pane from your api documentation, is still working, allowing us to open/close.
The funny thing is that, if I use "Restrict Editing" button from toolbar, right side pane will be disabled for good.
The question is: how can I simulate restrict editing as toolbar button -> readonly a the startup of the component?
Even on your "How to -> Opening a document in ready only mode by default in DocumentEditorContainer" tutorial,
we can see that default read only state from the beginning is not the same as restrict editing -> read only set from the toolbar button.
Thanks in advance for your help.