HTML中的部分彩色阿拉伯语单词

Question

我不会说阿拉伯语，但我需要在网络上特别支持阿拉伯语。我需要部分阿拉伯语单词在<span>中，其风格与其他单词不同。当我输入两个字符ش和س时，它们会组成单词شس，但是当我使用HTML标记时

<span>ش</span>س

这些字母在输出中没有连接。

在图片中，所需的输出在第二行，实际输出在第一行。

编辑： 适用于Firefox，但无法在Chrome / Safari中使用。

Answer 1

在‍元素内容span的末尾插入零宽度木匠（例如使用实体参考<span>ش&zwj;</span>س）。

更一般地说，在每个span元素的开头和结尾处的零宽度连接符以及（只是为了更加确定）在每个span元素之前和之后，在文本的情况下应该有草书（加入）行为，而span可能会破坏它。

Andreas Prilop在Bidirectional text页面上讨论并说明了这个问题。

更新：不幸的是，似乎即使‍对当前版本的WebKit浏览器没有帮助。他们似乎将HTML标记视为破坏加入行为，无论如何。

更新2：如@ NasserAl-Wohaibi的评论所述，新问题可以通过两次使用‍来解决。但是，在Windows的当前Safari（5.1.7）中，它没有帮助;事实上，它甚至显示ش‍س错误，而没有加入者，它会正确显示شس。

Answer 2

这实际上是reported bug in WebKit，因此可能会影响所有基于WebKit的浏览器。

Answer 3

正如Jukka K. Korpela所示，这主要是大多数基于WebKit的浏览器（chrome，safari等）中的错误。

除了TAMDEED字符之外的简单黑客或获取阿拉伯字母的上下文表单将是零宽度木匠（‍或‍）之前/在这封信之后你想要被视为单一的阿拉伯语ligature - 两个字符组成另一个字符。例如

<p>عرب&#x200d;<span style="color: Red;">&#x200d;ي</span></p>  

演示：jsfiddle
另请参阅webkit bug报告。