如何根据输入的文本语言自动设置文本方向？

Question

在Google plus (和很多其他地方)中，当我想发东西的时候，当我输入波斯语(这是一种从右到左的语言)时，文本方向会自动设置为rtl和text-alignment:right，当我开始键入英语时，它会自动更改为ltr和text-alignment:left。我如何才能拥有这样的功能？这与HTML5或Javascript有关吗？我该跟着什么线索？

提前感谢

Answer 1

将dir=auto添加到输入元素中：

在表单和插入文本上使用dir="auto“，以便自动检测运行时提供的内容的方向。

https://www.w3.org/International/questions/qa-html-dir#quickanswer

Answer 2

为此，我编写了一个JQuery代码。只需将类"checkRTL“添加到要设置其方向的元素中即可。

var rtlChar = /[\u0590-\u083F]|[\u08A0-\u08FF]|[\uFB1D-\uFDFF]|[\uFE70-\uFEFF]/mg;
$(document).ready(function(){
    $('.checkRTL').keyup(function(){
        var isRTL = this.value.match(rtlChar);
        if(isRTL !== null) {
            this.style.direction = 'rtl';
         }
         else {
            this.style.direction = 'ltr';
         }
    });
});

Answer 3

我对dir=auto有意见，有时在挖掘CSS之后不工作。

#container > * {
    text-align: start;
    unicode-bidi: plaintext;
}

更灵活和更普遍