javascript - 印地语在 Chrome 浏览器中呈现不正确

Question

我有一个网址 http://www.readwhere.com/read/r/441808?fresh=fresh我在其中以印地语和英语(混合)格式呈现内容。

内容在firefox和IE浏览器上是正确的，但在chrome浏览器中显示圆圈。

但是当我将内容从我的页面复制到谷歌翻译页面时，它会以正确的格式显示。

Answer 1

我检查了你的链接。该页面上的印地语文本由 <span> 组成包含单个字母的元素。如果您在每个 <span> 中添加 1 个单词，它将完美呈现而不是单个字母。没有字母就不能使用印地语 (Matra) 的元音，这就是为什么在您的页面上使用圆圈来支持每个 Matra。

编辑: 试试这个函数让它工作

function setText(){
    $('p.calibre2').each(function(){
        var $this = $(this);
        var text = '';
        $this.find('span').each(function(){
            text += $(this).text();
        });
        $this.html($('<span/>').append(text));
    });
}
setText();