यदि आपकी प्राथमिक चिंता मोनोक्रोमैटिक डिस्प्ले को मजबूर कर रही है तो इमोजी टेक्स्ट से बहुत अधिक बाहर नहीं खड़े होते हैं, सीएसएस फिल्टर, या तो अकेले या यूनिकोड भिन्नता चयनकर्ता के साथ संयोजन में, कुछ ऐसा हो सकता है जो आप चाहते हैं।
p.gscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
a {
color: #999;
-webkit-filter: grayscale(100%) sepia(100%) saturate(400%) hue-rotate(170deg);
filter: grayscale(100%) sepia(100%) saturate(400%) hue-rotate(170deg);
}
<p class="gscale">You've now got emoji display on 🔒lockdown🔒.</p>
<p>External Link: <a href="https://knowyourmeme.com/memes/party-hard">celebrate 🎉</a></p>
भिन्नता चयनकर्ता के विपरीत, इससे कोई फर्क नहीं पड़ता कि इमोजी का प्रतिपादन कैसे किया जाता है, क्योंकि सीएसएस फिल्टर हर चीज पर लागू होते हैं। (मैं उन्हें हाइपरलिंक पर PNG- प्रारूप "लिंक प्रकार" आइकन को स्केल करने के लिए उपयोग करता हूं जिन्हें वेनबैक मशीन को इंगित करने के लिए संशोधित किया गया है।)
सिर्फ कैविएट को ध्यान में रखें । आप एक बच्चे में एक मूल तत्व के फिल्टर को ओवरराइड नहीं कर सकते हैं, इसलिए इस तकनीक का उपयोग किसी अनुच्छेद को स्केल करने के लिए नहीं किया जा सकता है, फिर इसके भीतर लिंक को फिर से रंग दें। 😢
... फिर भी, यह उन स्थितियों के लिए उपयोगी है जहाँ आप या तो पूरी चीज़ को हाइपरलिंक बनाने जा रहे हैं या इसके भीतर समृद्ध मार्कअप को अस्वीकार कर रहे हैं। (उदाहरण। शीर्षक और विवरण)
हालांकि, यह तब तक काम नहीं करेगा जब तक कि सीएसएस वास्तव में लागू नहीं हो जाता है, इसलिए मैं एक दूसरा विकल्प दूंगा जो कि अधिक विश्वसनीय है <title> कि यूनिकोड भिन्नता चयनकर्ता की तुलना तत्वों (मैं आपको GitHub देख रहा हूं। मुझे नकली आइकन पसंद नहीं हैं। ब्राउज़र टैब):
यदि आप किसी उपयोगकर्ता द्वारा प्रदान किए गए स्ट्रिंग को एक <title>तत्व में डाल रहे हैं , तो इमोजी को किसी भी बोल्ड / इटैलिक / अंडरलाइन / आदि के साथ फ़िल्टर करें। मार्कअप। (हां, जो लोग इसे याद करते हैं, उनके लिए मानक यह कहता <title>है कि एम्परसेंड से अलग सादे पाठ की सामग्री बच जाए और जिन ब्राउज़रों का मैंने शाब्दिक पाठ के रूप में सभी व्याख्या टैग का परीक्षण किया है।)
मेरे विचार से दो तरीके हैं:
- सीधे मैन्युअल रूप से बनाए रखा रेगेक्स का उपयोग करें जो उन ब्लॉकों से मेल खाता है जहां यूनिकोड का नवीनतम संस्करण अपने इमोजी और उनके संशोधक डालता है।
- दोहराएं ग्रफीम समूहों के माध्यम से और त्यागने किसी भी जो इमोजी कोड पॉइंट्स मान्यता प्राप्त होते हैं। (एक ग्रैफेम क्लस्टर एक बेस ग्लिफ़ है जो सभी डायक्ट्रीक्टिक्स और अन्य संशोधक हैं जो दृश्यमान चरित्र बनाते हैं। उदाहरण मैं पायथन के रेगेक्स इंजन का उपयोग करने के लिए लिंक करता है tokenize और फिर
emojiडेटाबेस के लिए पैकेज, लेकिन रस्ट एक भाषा का एक अच्छा उदाहरण है। जहां अंगूर के समूहों को पुनरावृत्त करना एक टोकरा के माध्यम से त्वरित और आसान है unicode-segmentation।)
