Question

我在DB中保存了一些文本（其中也包含一些阿拉伯语）。我正在获取数据并在textarea中显示它们。

我希望英文文本左对齐，阿拉伯文字对齐。

为此，我将整个文本拆分成段落，并检测哪个段落应该右对齐，哪个段落应该左对齐。

这是代码。

/*------ Allign text ------*/
function align_text($text)
{
    $string = $text;
    $returnString = '';
    $paraArray = explode("\n", $string);
    if(count($paraArray) > 0)
    {
        foreach($paraArray as $pa)
        {
            $isRight = $this->is_rtl($pa);
            if($isRight)
            {
                $para['para'] = $pa;
                $para['align'] = 'R';
            }
            else
            {
                $para['para'] = $pa;
                $para['align'] = 'L';
            }
            $paraArr[] = $para;
        }
    }
    else
    {

    }
    return $paraArr;
}

function is_rtl($string) 
{
    $rtl_chars_pattern = '/[\x{0590}-\x{05ff}\x{0600}-\x{06ff}]/u';
    return preg_match($rtl_chars_pattern, $string);
}

因此，正如您所看到的，当使用div在网页（html）中显示时，每个段落可以按右对齐和左对齐排列。

<?php
foreach($paraArr as $row)
{
   if($row['align'] == 'L')
   {?>
    <div class="left-align"><?php echo $row['para'];?></div>
   <?php
   }
   else
   {?>
   <div class="left-align"><?php echo $row['para'];?></div>
  <?php }
}?>

但我的主要问题是，如何将阿拉伯语段落在SAME textarea内右对齐？。

Answer 1

您不能在一个textarea中执行此操作（显示左对齐和右对齐文本）。相反，您可以将它们显示为div并使用contentEditable使其可编辑。每个div可以有自己的对齐方式（左或右）。

例如，您可以声明每个段落包含子div的父div：

<div>
      <div contenteditable="true">
             Paragraph one
      </div>

      <div contenteditable="true">
             Paragraph 2
      </div>
</div>

每个div可以独立设置为从左到右或从右到左。只要用户点击它，它就会变得可编辑。

您也可以使用某些第三方HTML编辑器而不是textarea。以下是一些示例（google them）：TinyMCE，Scribe，jHTMLArea，CKEditor，Nicedit，...

如何将一些文本对齐在textarea中右对齐？

1 个答案: