在HTML.TextArea中右對齊文本

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' 
     });