HTML.TextAreaForのテキストを右揃え

Question

TextAreaのアラビア語テキストを右揃えにするにはどうすればよいですか？ TextBoxのdir = "rtl"プロパティは正常に動作します。しかし、TextAreaではそうではありません。

<div class="col-md-12"> 
    <div class="form-group"> 
     @Html.LabelFor(model => model.DescriptionAr, new { @class = "control-label" }) 
     @Html.ValidationMessageFor(model => model.DescriptionAr) 
     @Html.TextAreaFor(model => model.DescriptionAr, 10, 10, new { @class = "ckeditor form-control", dir = "rtl" }) 
    </div> 
</div> 

Answer 1

「CKEDITOR」プラグインの設定を変更して解決しました。

HTMLコード：

<div class="col-md-12"> 
          <div class="form-group"> 
           @Html.LabelFor(model => model.DescriptionAr, new { @class = "control-label" }) 
           @Html.ValidationMessageFor(model => model.DescriptionAr) 
           @Html.TextAreaFor(model => model.DescriptionAr, 10, 10, new { @class = "ckeditor form-control", id = "descArEditor" }) 
          </div> 
         </div> 

Javascriptを：

CKEDITOR.replace('descArEditor', 
     { 
      contentsLangDirection: 'rtl' 
     });