HTML ईमेल के बारे में क्या?

हाल ही में मुझे HTML अक्षरों को लगाने के कार्य का सामना करना पड़ा। जैसा कि आप जानते हैं, जीमेल सहित कई ईमेल क्लाइंट, सीएसएस वर्गों और स्टाइल टैग की सामग्री को अनदेखा करते हैं, बाहरी सीएसएस फ़ाइलों को जोड़ने का उल्लेख नहीं करते हैं। इसलिए, HTML- पत्रों के लेआउट में सामान्य अभ्यास इनलाइन-शैलियों का उपयोग है। यदि आप स्वयं ऐसा करते हैं, तो पत्र टेम्पलेट बहुत जल्दी गड़बड़ी में बदल जाता है, जिसे बनाए रखना और विस्तार करना बहुत मुश्किल है। इस संबंध में, रेल-डेवलपर्स विभिन्न प्लग-इन का उपयोग करते हैं, जो स्टाइल विशेषता में सीएसएस-क्लास को "एम्बेड" करने की अनुमति देते हैं।



हम पत्र के शरीर में सामान्य HTML लिखते हैं:

< div class = "test" > हैलो वर्ल्ड < / div >

और निम्नलिखित सीएसएस का उपयोग करके इनलाइन स्टाइल करने के लिए प्लगइन बताएं:

div .test { font-size : 12px ; रंग : लाल ; }

जिसके बाद हमें आउटपुट पर निम्न कोड मिलता है:

< div class = "test" style = "font-size: 12px; color: red;" > हैलो वर्ल्ड < / div >

इस प्रकार, एक ओर, हमारे पास पठनीय, विस्तार योग्य और आसानी से समर्थित html-mail टेम्पलेट्स हैं, और दूसरी ओर, हमारे टेम्पलेट सामान्य रूप से विभिन्न ईमेल क्लाइंट द्वारा पचते हैं।

जब मैंने अद्भुत भयानक_माइल प्लगइन के बारे में पता लगाया , तो मुझे लगा कि कोई समस्या उत्पन्न नहीं हो सकती है, क्योंकि उपयोग का सिद्धांत एक महसूस किए गए बूट के रूप में सरल है: यह इंगित करता है कि किस सीएसएस-ओके से शैलियों को लेना और कहना है - "उन्हें ज़ेलाइनिन"। लेकिन यह वहाँ नहीं था, पत्र उस रूप में नहीं आना शुरू हुए जिसमें उन्हें होना चाहिए था। त्रुटि की प्रकृति को समझने के लिए, भयानक_मैल के सिद्धांत पर विचार करें (जो, जैसा कि यह निकला, बिल्कुल भी भयानक नहीं है)। सबसे पहले, प्लगइन की मदद से, css_parser को निर्दिष्ट css के घटकों में क्रमबद्ध किया जाता है, फिर nokogiri की मदद से html डॉक्यूमेंट को पार्स किया जाता है , और अंत में, लूप में, html तत्वों को प्रत्येक css नियम के चयनकर्ता द्वारा प्राप्त किया जाता है और उनमें से प्रत्येक के लिए नियम को शैली के अंत में जोड़ा जाता है। यहाँ है कि यह करने के लिए नेतृत्व कर सकते हैं:



सीएसएस:

div .test : पहला-बच्चा { color : red ; }

div .test { color : green ; }

HTML:

< div class = "test" > हैलो वर्ल्ड < / div >

उत्पादन:

< div class = "test" style = "color: red; color: green;" > हैलो वर्ल्ड < / div >

न केवल सीएसएस संपत्ति के रंग को डुप्लिकेट किया गया है, यह गलत तरीके से भी उपयोग किया जाता है क्योंकि सीएसएस नियम उनके महत्व को ध्यान में नहीं रखते हैं, लेकिन बस पहले सीएसएस नियम की सामग्री को जोड़ते हैं, और फिर दूसरा, और इसलिए पाठ का रंग हरा, हालांकि यह लाल होना चाहिए। इस समस्या को निम्न प्रकार से टाला जा सकता था: css नियमों के अनुसार लूप में नहीं गुजरना, लेकिन html एलिमेंट्स के अनुसार, और प्रत्येक के लिए, किसी न किसी तरह से इससे संबंधित सभी css रूल्स प्राप्त करना (जैसे कि फायरबग के माध्यम से कोड देखते समय), लेकिन यह केवल एक परिकल्पना है और मुझे नहीं पता कि इस तरह के व्यवहार को कैसे लागू किया जाए। इसलिए, मुख्य प्रश्न यह है: रेल-लेखन शैलियों को रेल एप्लिकेशन में एम्बेड करने का सबसे अच्छा तरीका क्या है? प्लग-इन का क्या उपयोग किया जाना चाहिए ताकि एक तरफ, पत्र टेम्पलेट स्पष्ट और एक्स्टेंसिबल बना रहे, और दूसरी तरफ, ईमेल क्लाइंट संतुष्ट हैं और इच्छित सामग्री प्रदर्शित करें?



युपीडी। समस्या हल हो गई है। यहाँ कोड है: github.com/goganchic/awesome_email और यहाँ एक संबंधित लेख है: rails.vsevteme.ru/items/show?id=15682