html - 正しく出力されるペルシア語/アラビア数字

Question

次のように出力するファイルがあります。

<div id="first">1</div>
2
<div id="third">
    <? $i = 3; echo(i) ?>
</div>

どの出力：

1
2
3

ここで、以下のような出力が必要な場合：

?
?
?

ええと、私は「？」の代わりにアラビア語/ペルシア語バージョンの1,2,3を出力できることを望んでいました。HTML / CSSを使用して数字をアラビア語/ペルシア語に変換するにはどうすればよいですか？

また、言語（Windows XP）を変更すると、数字以外のすべてが変更されるのはなぜですか？

Answer 1

リストに番号を付けたい場合は、ol要素を使用しlist-style-typeて次のように変更できます。

ol {
    list-style: arabic-indic;
}

Answer 2

上記のShirzITCoとKirkWollの回答を拡張すると、私は救われましたが、クライアントがWordPress CMSのすべてのコンテンツで、西アラビア数字ではなく東アラビア数字を使用することを決定したとき、次のようになりました。

function recursiveReplace(node) {
  if (node.nodeType === 3) { // text node
    node.nodeValue = node.nodeValue
    .replace(/0/g,'۰')
    .replace(/1/g,'۱')
    .replace(/2/g,'۲')
    .replace(/3/g,'۳')
    .replace(/4/g,'۴')
    .replace(/5/g,'۵')
    .replace(/6/g,'۶')
    .replace(/7/g,'۷')
    .replace(/8/g,'۸')
    .replace(/9/g,'۹');
  } else if (node.nodeType === 1) { // element
    $(node).contents().each(function () {
      recursiveReplace(this);
    });
  }
}
recursiveReplace(document.body);

Answer 3

1. 数字や数字を変更する自動化された方法はありません。その間のマッピングを設定し、手動で変換します。

2. 自然言語の単語とは異なり、アラビア数字は世界中で理解されているため、数字がローカライズされることはありません。

Answer 4

次のJavaScriptコードを使用します。これは数字を置き換えます：

function recursiveReplace(node) {
    if (node.nodeType == 3) { // text node
        node.nodeValue = node.nodeValue.replace("1", "۱");
    } else if (node.nodeType == 1) { // element
        $(node).contents().each(function () {
            recursiveReplace(this);
        });
    }
}

recursiveReplace(document.body);

Answer 5

CSSを使用するだけです。

ol {
    list-style-type: persian
}