Readonly TextBox using @Html.TextAreaFor

How to Create Conditional Readonly TextBox in ASP.NET MVC5

I posted this solution below on stackoverflow because it worked very well for me, so copying from there

By setting readonly attribute to either true or false is not going to work in most browsers, I have done it as below, when the mode of the page is "reload", I've not included "readonly" attribute.

@if(Model.Mode.Equals("edit")){

@Html.TextAreaFor(model => Model.Content.Data, new { id = "modEditor", @readonly = moduleEditModel.Content.ReadOnly, @style = "width:99%; height:360px;" })

}

@if (Model.Mode.Equals("reload")){

@Html.TextAreaFor(model => Model.Content.Data, new { id = "modEditor", @style = "width:99%; height:360px;" })}