एचटीएमएल

Question

में आंशिक रूप से रंगीन अरबी शब्द मैं अरबी नहीं बोलता, लेकिन मुझे अपने वेब पर अरबी के लिए विशिष्ट समर्थन की आवश्यकता है। मुझे अरबी शब्दों के कुछ हिस्सों को <span> में शेष शब्द की तुलना में एक अलग शैली के साथ चाहिए। जब मैं दो अक्षर ش और س टाइप करें, वे शब्द شس में बना रहे हैं, लेकिन जब मैं HTML मार्कअप

<span>ش</span>س 

का उपयोग इन पत्रों सही उत्पादन में श्रेणीबद्ध नहीं कर रहे हैं।

चित्र में, वांछित उत्पादन, दूसरी लाइन पर है वास्तविक उत्पादन पहली पंक्ति पर है।

संपादित करें: यह फ़ायरफ़ॉक्स पर काम करता है, लेकिन क्रोम/सफारी में काम नहीं करता।

Answer 1

span तत्व सामग्री के अंत में शून्य-चौड़ाई योजक (उदाहरण के लिए इकाई संदर्भ ‍ का उपयोग करके) डालें: <span>ش&zwj;</span>س।

आम तौर पर, आरंभ और प्रत्येक span तत्व के अंत के साथ ही (सिर्फ अधिक सुनिश्चित करने के लिए) से पहले और प्रत्येक span तत्व के बाद कम से शून्य चौड़ाई joiners, स्थितियों में, जहां पाठ घसीट होना चाहिए में (शामिल होने) व्यवहार और span इसे तोड़ सकता है।

इस मुद्दे पर एंड्रियास प्रिलोप द्वारा Bidirectional text पृष्ठ पर चर्चा और चित्रित किया गया है।

अद्यतन: दुर्भाग्य से, ऐसा लगता है कि ‍ वेबकिट ब्राउज़र के मौजूदा संस्करणों में भी मदद नहीं करता है। वे HTML मार्कअप का इलाज करने वाले व्यवहार को तोड़ने के रूप में व्यवहार करते हैं, इससे कोई फर्क नहीं पड़ता।

अपडेट 2: जैसा कि @ नासर एएल-वोहाइबी की टिप्पणी में वर्णित है, नई समस्या ‍ दो बार उपयोग करके हल की जा सकती है। हालांकि, विंडोज के लिए वर्तमान सफारी (5.1.7) में, यह मदद नहीं करता है; वास्तव में, यह ش‍س गलत भी प्रदर्शित करता है जबकि योजक के बिना, यह شس सही ढंग से दिखाता है।

Answer 2

यह वास्तव में reported bug in WebKit है, इस प्रकार संभवतः सभी वेबकिट-आधारित ब्राउज़र को प्रभावित करता है।

Answer 3

Jukka K. Korpela के रूप में इंगित किया गया है, यह अधिकतर वेबकिट-आधारित ब्राउज़र (क्रोम, सफारी, आदि) में एक बग है।

TAMDEED चार से या अरबी पत्र के लिए प्रासंगिक रूपों हो रही अन्य एक साधारण हैक डाल करने के लिए किया जाएगा शून्य चौड़ाई-योजक (‍ या ‍) से पहले/पत्र के बाद आप एक अरबी ligature के रूप में व्यवहार किया जाना चाहते हैं - दो अक्षर एक और बनाते हैं। जैसे

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

डेमो: jsfiddle
भी वेबकिट bug रिपोर्ट भी देखें।