ইমেল এইচটিএমএল কোড তৈরি করতে স্বয়ংক্রিয়ভাবে সিএসএস শৈলীর ইনলাইন করার জন্য কোন সরঞ্জামগুলি রয়েছে? [বন্ধ]

122

আপনি যখন http://www.campaignmonitor.com/css/ এ একবার দেখুন, আপনি জানতে পারবেন যে কোনও ইমেল ক্লায়েন্টে আপনার ইমেলটি পড়ার জন্য আপনাকে আপনার HTML এ ইনলাইন স্টাইলগুলি এম্বেড করা দরকার।

কেবলমাত্র ইনলাইন সিসিএস স্টাইল বৈশিষ্ট্যযুক্ত কোনও এইচটিএমএল ফাইলকে একটি স্বয়ংক্রিয়ভাবে কোনও HTML ফাইলকে রূপান্তর করতে কোনও সরঞ্জাম বা স্ক্রিপ্ট আপনি জানেন?

সম্পাদনা করুন : কোনও জাভাস্ক্রিপ্ট সমাধান (যেমন: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? JQuery সঙ্গে?

html  css  email  inline  html-email 
— পিয়েরে-জিন কোডার্ট
সূত্র
3
আমি
— এইটির
আমাকে কেবল কাজের জায়গায় বিভাগের জন্য এই সঠিক জিনিসটি সমাধান করতে হয়েছিল। এই প্রশ্নটি সমস্যা সমাধানের জন্য প্রয়োজনীয় পদক্ষেপ সরবরাহ করেছে।
— গোফেরখান

উত্তর:

80

এটি করতে premailer.dialect.ca অনলাইন রূপান্তরকারী বা এই পাইথন স্ক্রিপ্টটি দেখুন ।

— সালেহ আল-যায়েদ
সূত্র
10
দেখে মনে হচ্ছে প্রিমেলার একটি নতুন ইউআরএল এ চলে গেছে: premailer.dialect.ca
— ম্যাট হাগিনস
2
মেল চিম্প
— dhornbein
1
premailer.dialect.ca দুর্দান্ত তবে এটি প্রচুর পৃষ্ঠায় দমন করে। এটি আমার পরীক্ষায় অর্ধেকেরও বেশি। উদাহরণস্বরূপ, এই পৃষ্ঠার চেষ্টা করুন।
— নিক উডহামস
আপনার নিজের প্রিমাইলার সার্ভারটি চালান ... github.com/TrackIF/premailer-server ই সি 2 তে চালানো সহজ: ডকস.ওএস.ম্যাজন
— অ্যাডাম লেন
তাদের মধ্যে কেউই প্রকৃত স্টাইল ট্যাগটি সরিয়ে ফেলবে না, এটিই হ'ল মূল সমস্যা যা আপনার সাথে মোকাবেলা করা হবে
— কোল্ডস্টার
33

ইনলাইনিং সরঞ্জামগুলি ব্যবহারের জন্য প্রস্তুত ওয়েব ভিত্তিক একটি তালিকা এখানে একটি দম্পতির আগে উল্লেখ করা হয়েছে। আমি যদি কিছু মিস করেছি তবে এগুলি সম্পাদনা করে সংযোজন করতে দ্বিধা বোধ করবেন। আমি প্রতিটি কাজের বিজ্ঞাপন হিসাবে প্রতিশ্রুতি দিতে পারি না, সুতরাং মন্তব্যগুলি ফেলে দিন, তবে মেসেঞ্জারকে গুলি করবেন না ...

এবং এখানে এমনটি একটি যা বিপরীতে কাজ করে (আপনার সিএসএস-কে অন্তর্ভুক্ত করবে না)

— জন
সূত্র
3
ফর্ম্যাট অক্ষত রাখার সময় শুধুমাত্র মাইলারমেলারই আমার পক্ষে কাজ করেছিলেন।
— Jeshurun
20

আপনি যদি পিএইচপি সমাধান পেতে চান তবে আপনি CssToInlineStyles চেষ্টা করতে পারেন ।

— chiborg
সূত্র
2
পিএইচপি স্ক্রিপ্ট ভাল লেখা আছে। এটি গুরুত্বপূর্ণ পতাকাটি পরিচালনা করে না, তবে এটি একটি দুর্দান্ত স্ক্রিপ্টও কম নয়।
— পেরি টিউ
8

আমি স্টাইলাইনার নামে একটি নোড.জেএস লাইব্রেরি লিখেছি যা সার্ভার-সাইড জাভাস্ক্রিপ্টে সিএসএসকে ইনলাইন করে।

এটি পাশাপাশি কম স্টাইলশিটগুলি সমর্থন করে (এবং অন্যান্য ফর্ম্যাটগুলির জন্য প্লাগইন সমর্থন করে)

— SLaks
সূত্র
7

আপনি পোস্টেজ অ্যাপ এ একবার দেখে নিতে পারেন ।

এর সত্যই শক্তিশালী বৈশিষ্ট্যগুলির মধ্যে একটি এটির একটি খুব শক্তিশালী টেম্প্লেটিং সিস্টেম রয়েছে যা কোনও সমস্যা ছাড়াই স্বয়ংক্রিয়ভাবে এইচটিএমএল এবং সিএসএস ইনলাইন করতে পারে।

( সম্পূর্ণ প্রকাশ: আমি পোস্টেজ অ্যাপের জন্য প্রোডাক্ট ম্যানেজার)

— JonLim
সূত্র
সুতরাং আপনি প্রসেসিং চেইনের শেষে সিএসএস ইনলাইন করছেন (কারও কাছে ইমেল প্রেরণের ঠিক আগে)?
— জাজি
6

এটি কিছুটা দেরিতে হতে পারে তবে আপনি যদি নিজের এইচটিএমএলকে ই-মেইল বিপণনের জন্য সেরা করে তুলতে চান (আপনার সিএসএস সজ্জিত করে, এবং অন্যান্য শীতল সরঞ্জামগুলির একগুচ্ছ ব্যবহার করে), তবে প্রিমেলারটি ব্যবহার করুন । এটি নিখরচায় এবং অবশ্যই প্রচার প্রচারণার সাথে অংশীদার হয়ে তৈরি in

আশা করি এটা সাহায্য করবে.

— আন্ড্রে আরমানি
সূত্র
প্রিমেলারের জন্য +1। এটি একটি ওয়েব ফর্ম এবং একটি এপিআই উভয়ই পেয়েছে যা আপনি এটিকে যে কোনও প্ল্যাটফর্মের সাথে সংহত করতে ব্যবহার করতে পারেন। আপনি যদি নোড.জেএস ব্যবহার করছেন তবে এখানে একটি মোড়ক রয়েছে ।
— জেড ওয়াটসন
6

আমি গেমটি থেকে একটু দেরী করছি তবে আশা করি এটি কারও সহায়ক হবে।

আমি এই সুন্দর ছোট jQuery / জাভাস্ক্রিপ্ট পদ্ধতিটি পেয়েছি যা কোনও পৃষ্ঠায় এম্বেড করা যেতে পারে - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes- using - jquery /

আইই সমর্থন করার জন্য এবং একাধিক সিএসএস ফাইলের সাথে সঠিক পৃষ্ঠায় প্রয়োগ করার শৈলীর সংযুক্ত একটি পৃষ্ঠা সমর্থন করার জন্য আমি এটি সম্পাদনা করেছি।

$(document).ready(function ($) {
            var rules;
            for(var i = document.styleSheets.length - 1; i >= 0; i--){
                if(document.styleSheets[i].cssRules)
                    rules = document.styleSheets[i].cssRules;
                else if(document.styleSheets[i].rules)
                    rules = document.styleSheets[i].rules;
                for (var idx = 0, len = rules.length; idx < len; idx++) {
                    if(rules[idx].selectorText.indexOf("hover") == -1) {
                        $(rules[idx].selectorText).each(function (i, elem) {
                            elem.style.cssText = rules[idx].style.cssText + elem.style.cssText;
                        });
                    }
                }
            }
            $('style').remove();
            $('script').remove();
            $('link').remove();
        });

এরপরে পৃষ্ঠাটি অনুলিপি / ইমেল বডিতে আটকানো যাবে।

— জন সি
সূত্র
আপনি স্ক্রিপ্ট সরাবেন কেন? এবং এইগুলি কার্যকর করার জন্য আমি মনে করি লুপের বাইরে চলে যাওয়া উচিত।
— jcubic
@ জেকুবিক আপনি ঠিকই বলেছেন: অপসারণের কার্যনির্বাহী স্থান, আমি সম্পাদনা করব। স্ক্রিপ্ট অপসারণটি আমার আসল কোডে ছিল, আমি পৃষ্ঠাটি প্রদর্শন করার জন্য যা প্রয়োজন তা-ই দিয়ে ক্লিনার এইচটিএমএল চেয়েছিলাম।
— জন সি
এই সংক্ষিপ্ত লিপিটির জন্য অনেক ধন্যবাদ, আমি কয়েক ঘন্টা খুঁজছিলাম এবং এটিই আমি খুঁজে পেয়েছি সবচেয়ে পরিষ্কার সমাধান।
— কারাকজ
1
@ কেরাকের মতো একই নৌকায় ছিল। এটি কিছুটা হলেও কাজ করেছে তবে কিছু শৈলীতে গণ্ডগোল হয়েছে। কোডটির এই সংস্করণটি দুর্দান্ত (পরীক্ষিত এবং চিরকালীন) কাজ করেছে: devintorr.es/blog/2010/05/26/…
— radu.luchian
5

কেবল আপনার সিএসএসের ইনলাইন করার জন্য এটি যথেষ্ট নয়। কোনও ইমেল ক্লায়েন্ট ব্যবহৃত হয় না কেন কোনও HTML ইমেল প্রদর্শিত হবে সে সম্পর্কে কোনও পর্যবেক্ষণের মান নেই। তারা সবাই এটিকে আলাদাভাবে করে এবং আপনার ইমেলটি যত বেশি ডিজাইন করেন তত বেশি সম্ভাবনা রয়েছে যে এটি আরও বেশি ক্লায়েন্টের মধ্যে ভেঙে যাবে। এই জায়গার অনেক পেশাদার কেবল চিত্র এবং টেবিল এবং কিছু পটভূমির রঙ ব্যবহার করে তবে অন্য কিছুই। সর্বদা এমন কোনও ওয়েবসাইটের লিঙ্ক অন্তর্ভুক্ত করুন যার ইমেলের কার্যকরী অনুলিপি রয়েছে এবং সর্বদা একটি সরল পাঠ্য রূপটি সরবরাহ করে।

— বিয়ন্সের
সূত্র
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.