default-read-only.md

layout	post
title	Default read-only in Angular DOCX Editor | Syncfusion
description	Learn here all about Default read-only in Syncfusion Angular Document Editor component of Syncfusion Essential JS 2 and more.
platform	document-processing
control	Default read-only
documentation	ug
domainurl

Default read-only in Angular Document Editor component

In this article, we are going to see how to open a document in read-only mode by default in Angular Document Editor (Document Editor) & Document Editor Container.

Opening a document in read-only mode by default in DocumentEditor

{% tabs %} {% highlight ts tabtitle="app.component.ts" %} {% include code-snippet/document-editor/angular/getting-started-cs2/src/app.component.ts %} {% endhighlight %}

{% highlight ts tabtitle="main.ts" %} {% include code-snippet/document-editor/angular/getting-started-cs2/src/main.ts %} {% endhighlight %} {% endtabs %}

{% previewsample "/document-processing/samples/document-editor/angular/getting-started-cs2" %}

Opening a document in read-only mode by default in DocumentEditorContainer

{% tabs %} {% highlight ts tabtitle="app.component.ts" %} {% include code-snippet/document-editor/angular/document-editor-container-cs3/src/app.component.ts %} {% endhighlight %}

{% highlight ts tabtitle="main.ts" %} {% include code-snippet/document-editor/angular/document-editor-container-cs3/src/main.ts %} {% endhighlight %} {% endtabs %}

{% previewsample "/document-processing/samples/document-editor/angular/document-editor-container-cs3" %}

N> You can use the restrictEditing in DocumentEditorContainer and isReadOnly in DocumentEditor based on your requirement to change the component to read-only mode.