مُحول MJML إلى HTML للبريد الإلكتروني المتجاوب

مطورنص
إعلان · حذف؟
الإخراج المُحسَّن أسهل للتفتيش؛ بينما المُختصر أصغر حجمًا عند الإرسال.
يُظهر التحذيرات المُريحَة لكنه يُكمل التحويل. التحذير الصارم يُوقف التحويل عند حدوث أخطاء. تجاهل التحقق يُوقف التحقق.
HTML جاهز للإنتاج مع شروط Outlook (MSO) وتنسيق الأسلوب المُدمج.
اللصق MJML على اليسار لرؤية معاينة حية هنا.
إعلان · حذف؟

مرشد

مُحول MJML إلى HTML متجاوب للبريد الإلكتروني

مُحول MJML إلى HTML للبريد الإلكتروني المتجاوب

اللصق في مصطلح MJML وستحصل فورًا على HTML مُعدّ للإنتاج، مبني على الجداول، مع شروط Outlook (MSO)، وتنسيقات داخلية، وعرض مباشر على الأجهزة المحمولة والكمبيوتر. يتم تنفيذ التحويل بالكامل في المتصفح باستخدام محرك MJML الرسمي، لذا لا يغادر مصطلحاتك جهازك.

كيفية استخدام

  1. اللصق أو الكتابة في محرر اليسار الخاص بك (أو النقر على اختر مثالًا لتحميل نموذج افتراضي).
  2. اختر نمط الإخراج: مُحسّن لـ HTML قابل للقراءة، مصغّر لأقل حجم، أو الصافي لإدخال القيمة الافتراضية من المحرك.
  3. اختر مستوى التحقق: ناعم تُعرض مشكلات دون توقف، صارم تُوقف عند حدوث أخطاء، تجاوز تُوقف التحقق.
  4. استعرض HTML المُجمّع في اليمين واستخدم مفتاح الأجهزة لعرض التصميم على الأجهزة الكبيرة والصغيرة.
  5. انقر نسخ HTML لنسخ الكود، أو تحميل .html لحفظه لاستخدامه في نظام إرسال البريد أو مُرسل البريد.

خصائص

  • دعم كامل لمواصفات MJML – مكونات مثل mj-section، mj-column، mj-button، mj-image، mj-text، mj-divider، ميزات mj-head، وغيرها.
  • مخرج مُعدّ للإشتغال مع Outlook – تعليقات شروط MSO وتصميم مبني على الجداول لعملاء Outlook القديم على الحاسوب.
  • العرض المباشر – إطار مُحاط بسندات مع عرض مُخصص على الحاسوب (600 بكسل) وعرض مُخصص على الهاتف (360 بكسل).
  • إظهار الأخطاء والتحذيرات – رسائل داخلية مع أرقام السطر واسم العناصر المُسببة.
  • مُحسّن، مُختصر أو صافي – اختر التنسيق المناسب لمحرركك أو خطوة إرسال البريد.
  • 100% من جانب العميل – لا يُصل مصطلحات MJML أو HTML المُجمّع إلى خادم.
  • نسخ وتنزيل – نسخة واحدة لنسخ الكود إلى الحافظة أو حفظه كملف .html منفصل.

التعليمات

  1. ما هو MJML وما السبب في استخدامه في البريد الإلكتروني؟

    MJML (لغة ترميز البريد الإلكتروني) هي لغة ترميز مفتوحة مصممة لتوفير تطوير بريد إلكتروني متجاوب. يُعد كتابة HTML للبريد الإلكتروني يدويًا مرهقًا لأن متصفحات البريد (خاصة نسخة Outlook القديمة) تتطلب جداول مُغلفة، وتنسيقات داخلية، وتعليقات خاصة بـ MSO لعرضه بشكل صحيح. توفر MJML مفردات مكونات أعلى مستوى (mj-section، mj-column، mj-button، mj-image، mj-text) تُحول تلقائيًا إلى HTML القديم المبني على الجداول، مما يُتيح لك مصدرًا واحدًا يُعرض بشكل متسق على المتصفحات الحديثة والقديمة.

  2. لماذا يحتاج البريد الإلكتروني إلى الجداول والتنسيقات الداخلية بدلًا من CSS الحديث؟

    يُحاط متصفحات البريد بسندات ويُعيد ترميز HTML الذي يحصل عليه. يُزيل العديد من المتصفحات التصفحات، ويتجاهل ملفات التصميم الخارجية، ويُحترم فقط مجموعة صغيرة من خصائص CSS. يستخدم Outlook على ويندوز مُحرّر HTML من Microsoft Word، والذي لا يدعم ميزات مثل التخطيط المرن أو شبكة أو حتى التباعد. هو المكون الوحيد الذي يُعرض بشكل موثوق في جميع المواقع هو الجدول HTML مع أبعاد محددة وتنسيقات داخلية لكل عنصر. تُخفي MJML هذه البنية المُفصولة والمحتملة من خلال مكونات نظيفة.

  3. ما هي تعليقات MSO ولماذا تُدرج في مخرجات MJML؟

    تعمل تعليقات MSO كتعليقات خاصة في شكل تُعالج فقط من قبل Outlook (ويندوز). تسمح لك بعرض مصطلحات بديلة لـ Outlook — على سبيل المثال، أشكال VML لزر مُقاوم يُعرض كمربع حقيقي حتى في مُحرّر Outlook المُعطل. تُدرج المخرجات المُجمّعة من MJML هذه التعليقات لكي يُمكن أن يُعرض نفس النموذج بشكل مرن من Apple Mail إلى Gmail إلى Outlook 2007 وما بعده.

  4. ما معنى البريد الإلكتروني المتجاوب مع قيود CSS في متصفحات البريد؟

    يُستخدم البريد الإلكتروني المتجاوب عادةً لجمع استراتيجيتين: تخطيط مرن مبني على الجداول (بعرض يبلغ حوالي 600 بكسل، مركّز) وعدد من استعلامات CSS التي تُعيد ترتيب الأعمدة وتُغيّر حجم الخط في عرض ضيق. لأن بعض المتصفحات تتجاهل استعلامات CSS، تُنتج MJML تخطيطًا يُتكيف تلقائيًا مع عرض معين باستخدام جداول مبنية على النسب، ثم تُضيف تجاوزات من استعلامات CSS على الأجهزة التي تُحترم. النتيجة هي بريد إلكتروني يُظهر توازنًا مقصودًا على الهاتف حتى مع دعم محدود للـ CSS.

  5. ما الفرق العملي بين الإخراج المُحسّن والصافي؟

    يُحتفظ بالإطارات والمسافات في الإخراج المُحسّن، وهو مفيد عند تفتيش التصميم، أو مقارنة تغييرات المُصطلحات، أو نسخه إلى مراجعة كود. يُزال الإخراج المُختصر المسافات والتعليقات لتقليل الحجم — وهو مفيد لأن بعض أنظمة إرسال البريد تُفرض رسومًا لكل كيلو بايت، وتم تقليل رسائل Gmail إلى حوالي 102 كيلو بايت. يُنتج كلا الإخراط نفس البريد الإلكتروني المُعرض؛ اختر الإخراج المُحسّن عند كتابة المُصطلحات، والصافي عند إرساله.

هل تريد حذف الإعلانات؟ تخلص من الإعلانات اليوم

تثبيت ملحقاتنا

أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع

أضف لـ إضافة كروم أضف لـ امتداد الحافة أضف لـ إضافة فايرفوكس أضف لـ ملحق الأوبرا

وصلت لوحة النتائج!

لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!

إعلان · حذف؟
إعلان · حذف؟
إعلان · حذف؟

ركن الأخبار مع أبرز التقنيات

شارك

ساعدنا على الاستمرار في تقديم أدوات مجانية قيمة

اشتري لي قهوة
إعلان · حذف؟