Question

我有一个textarea，用户可以在其中输入英文（或任何其他从左到右的语言）或RTL语言的文本。

当用户在RTL中写入时，用户必须按右移+ ctrl才能使文本向右对齐并且为rtl。但是，在Windows（可能还有其他现代操作系统）中，用户可以设置任何组合键来切换语言和文本方向。

我知道如何将文本显示为RTL，但我怎么知道要显示哪个方向？

有没有办法检测到textarea / text-field中输入的文本是否被输入为RTL？

Answer 1

我提出了一个更简单，更好的解决方案。只需将dir="auto"添加到元素中，浏览器就可以完成它的工作！

请参阅：http://www.w3schools.com/tags/att_global_dir.asp

Answer 2

试试这个：

var rtl_rx = /[\u0591-\u07FF]/;
$('textarea').on('keyup',function(){
    this.style.direction = rtl_rx.test(this.value) ? 'rtl' : 'ltr';
});

我使用简化的RegExp来检测RTL

/[\u0591-\u07FF]/

虽然它不会捕获Unicode表中的每个RTL字符，但它可能涵盖所有现实案例。它包括所有普通的希伯来语和阿拉伯语字符，包括元音字符。

Answer 3

您可以使用正则表达式编写一个快速的JavaScript / jQuery代码。正则表达式在JavaScript中是有限的，因此如果添加XRegExp，则需要使用具有完全Unicode支持的the plugins库。然后你可以检查字符，看看他们属于哪个Unicodes块的表达式是这样的 \ p {希伯来语} 。 http://www.regular-expressions.info/unicode.html

面对同样的困境，我自己写了一个函数，它循环遍历每个字符串中的字符，并计算希伯来字符的出现次数（我的网站是双语的意第绪语/英语）。然后字符串得到一个分数，并且'rtl'类应用于具有高分的元素。您可以轻松地将Unicode中的所有RTL语言添加到for循环中，以使其更通用。

http://jsfiddle.net/Swyu4/9/

请注意链接到jsfiddle中的XRegExp库的外部资源。

$('p').each(function() {
    if(isRTL($(this).text()))
        $(this).addClass('rtl');
});

function isRTL(str) {
    var isHebrew = XRegExp('[\\p{Hebrew}]');
    var isLatin = XRegExp('[\\p{Latin}]');
    var partLatin = 0;
    var partHebrew = 0;
    var rtlIndex = 0;
    var isRTL = false;

    for(i=0;i<str.length;i++){
        if(isLatin.test(str[i]))
            partLatin++;
        if(isHebrew.test(str[i]))
            partHebrew++;
    }
    rtlIndex = partHebrew/(partLatin + partHebrew);
    if(rtlIndex > .5) {
        isRTL = true;
    }
/*
console.log('Latin score: ' + partLatin);
console.log('Hebrew score: ' + partHebrew);
console.log('trlIndex score: ' + rtlIndex);
console.log('isRTL: ' + isRTL);
*/

    return isRTL;
}

如何检测在文本区域中键入的文本是RTL

3 个答案: