لا تحب الإعلانات؟ يذهب خالية من الإعلانات اليوم 

مُولد نموذج بريد إلكتروني HTML

مطورنص

إعلان · حذف؟

مدخل

عملية تلقائية

عنوان الرسالة

تُستخدم لعنوان البريد الإلكتروني وعرض المخطط المسبق. </small> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailPreheader">النص المسبق</label> <div class="input-group"> <input type="text" name="ioEmailPreheader" id="ioEmailPreheader" class="form-control" placeholder="دليل سريع للبدء وما يجب فعله بعد ذلك." aria-label="دليل سريع للبدء وما يجب فعله بعد ذلك." value="Here is everything you need to get started." > </div> <small class="form-text form__help-text text-muted"> مُلخص قصير يُعرض بعد عنوان الرسالة في معظم صناديق البريد. </small> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailFont">خط العائلة</label> <div class="input-group"> <select class="custom-select" id="ioEmailFont" name="ioEmailFont"> <option value="system" selected>نظام / بدون خطوط مُسَنَّدة</option> <option value="helvetica" >هيلفيت / أريال</option> <option value="georgia" >جورجيا / خطوط مُسَنَّدة</option> <option value="courier" >كوريوير / خطوط مُخصصة</option> </select> </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailBrandColor">لون العلامة التجارية</label> <div class="input-group"> <input type="color" name="ioEmailBrandColor" id="ioEmailBrandColor" class="form-control" data-coloris value="#464aff" > </div> <small class="form-text form__help-text text-muted"> يُستخدم للزر وعناصر التباين. </small> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailBgColor">لون الخلفية</label> <div class="input-group"> <input type="color" name="ioEmailBgColor" id="ioEmailBgColor" class="form-control" data-coloris value="#f4f4f7" > </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailTextColor">لون النص</label> <div class="input-group"> <input type="color" name="ioEmailTextColor" id="ioEmailTextColor" class="form-control" data-coloris value="#333333" > </div> </div> <p class="h5 blue mb-3">مُقطع الرأس</p> <div class="form-group"> <div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input" id="ioEmailHeaderEnabled" name="ioEmailHeaderEnabled" checked > <label class="custom-control-label" for="ioEmailHeaderEnabled">أضف مُقطع الرأس</label> </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailHeaderLogo">نص الشعار</label> <div class="input-group"> <input type="text" name="ioEmailHeaderLogo" id="ioEmailHeaderLogo" class="form-control" placeholder="اسم علامة تجارية أو منتجك" aria-label="اسم علامة تجارية أو منتجك" value="Acme" data-rules="[{"name":"ioEmailHeaderEnabled","value":["on"]}]" > </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailHeaderTagline">مُلخص للعلامة التجارية</label> <div class="input-group"> <input type="text" name="ioEmailHeaderTagline" id="ioEmailHeaderTagline" class="form-control" placeholder="مُلخص قصير اختياري" aria-label="مُلخص قصير اختياري" value="Build things that matter" data-rules="[{"name":"ioEmailHeaderEnabled","value":["on"]}]" > </div> </div> <p class="h5 blue mb-3">مُقطع المقدمة</p> <div class="form-group"> <div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input" id="ioEmailHeroEnabled" name="ioEmailHeroEnabled" checked > <label class="custom-control-label" for="ioEmailHeroEnabled">أضف مُقطع المقدمة</label> </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailHeroTitle">عنوان المقدمة</label> <div class="input-group"> <input type="text" name="ioEmailHeroTitle" id="ioEmailHeroTitle" class="form-control" value="Welcome aboard, friend!" data-rules="[{"name":"ioEmailHeroEnabled","value":["on"]}]" > </div> </div> <div class="form-group"> <label for="ioEmailHeroSubtitle">العنوان الفرعي للمقدمة</label> <div class="input-group"> <textarea class="form-control" name="ioEmailHeroSubtitle" id="ioEmailHeroSubtitle" rows="2" data-rules="[{"name":"ioEmailHeroEnabled","value":["on"]}]" >Thanks for signing up. Your account is ready and we have a few things to help you get the most out of it.</textarea> </div> </div> <p class="h5 blue mb-3">مُقطع الصورة</p> <div class="form-group"> <div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input" id="ioEmailImageEnabled" name="ioEmailImageEnabled" > <label class="custom-control-label" for="ioEmailImageEnabled">أضف مُقطع الصورة</label> </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailImageUrl">رابط الصورة</label> <div class="input-group"> <input type="url" name="ioEmailImageUrl" id="ioEmailImageUrl" class="form-control" placeholder="https://example.com/hero.png" aria-label="https://example.com/hero.png" value="https://placehold.co/560x280/png?text=Hero+Image" data-rules="[{"name":"ioEmailImageEnabled","value":["on"]}]" > </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailImageAlt">نص بديل للصورة</label> <div class="input-group"> <input type="text" name="ioEmailImageAlt" id="ioEmailImageAlt" class="form-control" value="Product screenshot" data-rules="[{"name":"ioEmailImageEnabled","value":["on"]}]" > </div> </div> <p class="h5 blue mb-3">مُقطع النص الرئيسي</p> <div class="form-group"> <div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input" id="ioEmailBodyEnabled" name="ioEmailBodyEnabled" checked > <label class="custom-control-label" for="ioEmailBodyEnabled">أضف مُقطع النص الرئيسي</label> </div> </div> <div class="form-group"> <label for="ioEmailBodyText">نص الرئيسي</label> <div class="input-group"> <textarea class="form-control" name="ioEmailBodyText" id="ioEmailBodyText" rows="4" data-rules="[{"name":"ioEmailBodyEnabled","value":["on"]}]" >Click the button below to finish setting up your account. It only takes a couple of minutes and you will be up and running in no time. If you have any questions, reply to this email and someone on our team will get back to you.</textarea> </div> <small class="form-text form__help-text text-muted"> كل سطر فارغ يبدأ فقرة جديدة. </small> </div> <p class="h5 blue mb-3">مُقطع الزر</p> <div class="form-group"> <div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input" id="ioEmailButtonEnabled" name="ioEmailButtonEnabled" checked > <label class="custom-control-label" for="ioEmailButtonEnabled">أضف زر التفاعل</label> </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailButtonLabel">مُلصق الزر</label> <div class="input-group"> <input type="text" name="ioEmailButtonLabel" id="ioEmailButtonLabel" class="form-control" value="Get Started" data-rules="[{"name":"ioEmailButtonEnabled","value":["on"]}]" > </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-3"> <label for="ioEmailButtonUrl">رابط الزر</label> <div class="input-group"> <input type="url" name="ioEmailButtonUrl" id="ioEmailButtonUrl" class="form-control" value="https://example.com/getting-started" data-rules="[{"name":"ioEmailButtonEnabled","value":["on"]}]" > </div> </div> <p class="h5 blue mb-3">الفاصل والجزء الأخير</p> <div class="form-group"> <div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input" id="ioEmailDividerEnabled" name="ioEmailDividerEnabled" checked > <label class="custom-control-label" for="ioEmailDividerEnabled">أضف فاصل بين الجسم والجزء الأخير</label> </div> </div> <div class="form-group"> <div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input" id="ioEmailFooterEnabled" name="ioEmailFooterEnabled" checked > <label class="custom-control-label" for="ioEmailFooterEnabled">أضف جزء الخاتمة</label> </div> </div> <div class="form-group"> <label for="ioEmailFooterText">نص الخاتمة</label> <div class="input-group"> <textarea class="form-control" name="ioEmailFooterText" id="ioEmailFooterText" rows="2" data-rules="[{"name":"ioEmailFooterEnabled","value":["on"]}]" >You are receiving this email because you signed up at example.com.</textarea> </div> </div> <div class="form-group"> <label for="ioEmailFooterAddress">عنوان الخاتمة</label> <div class="input-group"> <textarea class="form-control" name="ioEmailFooterAddress" id="ioEmailFooterAddress" rows="2" data-rules="[{"name":"ioEmailFooterEnabled","value":["on"]}]" >Acme Inc. - 123 Market Street, Suite 100, San Francisco, CA 94105</textarea> </div> </div> <input type="hidden" name="trp-form-language" value="ar"/></form> </div> <div class="card-footer"> <form action="#" id="html-email-template-generator-in_footer" autocomplete="off" onsubmit="return false;" class="html-email-template-generator d-flex flex--rtl gap-2" data-trp-original-action="#"> <button class="btn btn-default" data-toggle="tooltip" title="مسح المدخلات وإعادة ضبط جميع الخيارات" data-name="ioClearInputs" onclick="IOTools.resetForm('form.form-in'); return false;" > <span class="btn__icons"> <i class="ti ti-refresh" data-no-translation=""></i> </span> إعادة ضبط </button> <input type="hidden" name="trp-form-language" value="ar"/></form> </div> </div> </div> <div class="col-md-6" data-cols="6"> <div class="card sticky-top"> <div class="card-header"> <div class="h3 card-title font-weight-bold">انتاج</div> <div class="card-tools"> <span data-toggle="tooltip" data-placement="left" title="تعمل هذه الأداة مباشرةً على جهازك أو متصفحك. لا تقلق، فهي لن ترسل أيًا من بياناتك المدخلة عبر الإنترنت أو تحتفظ بأي شيء على خوادمنا." class="badge badge-pill badge-success"><i class="ti ti-device-desktop" data-no-translation=""></i> جانب العميل</span> <div class="dropdown d-inline-block ml-1"> <a href="#" role="button" data-toggle="dropdown" aria-expanded="false" aria-label="إعدادات الأداة"> <i class="ti ti-settings" data-no-translation=""><i class="ti ti-chevron-down small" data-no-translation=""></i></i> </a> <div class="dropdown-menu"><a href="#" class="dropdown-item" onclick="IOTools.toggleFullwidth();return false;"><i class="ti ti-arrow-autofit-width" data-no-translation=""></i> <span>تبديل العرض</span></a><a href="#" class="dropdown-item" data-card-widget="maximize"><i class="ti ti-maximize" data-no-translation=""></i> <span>الدخول/الخروج من وضع ملء الشاشة</span></a></div> </div> </div> </div> <div class="card-body"> <form action="#" id="html-email-template-generator-out" autocomplete="off" onsubmit="return false;" class="html-email-template-generator form-out" data-trp-original-action="#"> <div class="form-group" id="ioEmailPreview" data-name="ioEmailPreview"> <div class="email-preview-empty">قم بتعديل المُكونات على اليسار لرؤية معاينة حية هنا.</div> </div> <div class="form-group"> <label for="ioEmailHtml">HTML بتنسيق مباشر للبريد الإلكتروني</label> <div class="input-group"> <pre class="form-control" ><code data-name="ioEmailHtml" id="ioEmailHtml" class="language-html" data-no-translation="" ></code></pre> <div class="input-group-append"> <button class="btn btn-primary" type="button" onclick="IOTools.copyCode('#ioEmailHtml'); return false;" data-toggle="tooltip" title="نسخ HTML" aria-label="نسخ HTML" > <i class="ti ti-copy" data-no-translation=""></i> </button> <button class="btn btn-primary" type="button" onclick="IOTools.downloadEmailHtml(); return false;" data-toggle="tooltip" title="تحميل .html" aria-label="تحميل .html" > <i class="ti ti-download" data-no-translation=""></i> </button> </div> </div> <small class="form-text form__help-text text-muted"> HTML جاهز للإنتاج مع شروط MSO وتنسيقات داخلية لبرامج البريد الإلكتروني. </small> </div> <input type="hidden" name="trp-form-language" value="ar"/></form> </div> </div> </div> </div> <script defer> setTimeout(() => { const highlight = () => document.querySelectorAll('pre code').forEach(el => hljs.highlightElement(el)); document.readyState === 'complete' ? highlight() : document.addEventListener('DOMContentLoaded', highlight); }, 1000); </script> <div class="aw aw-below_tool text-center mb-4"><div style="text-align: center;color: #9f9f9f;font-size: 9px;letter-spacing: 1px;line-height: 25px;height: 25px;width: 100%;">إعلان · <a tabindex="-1" target="_blank" href="https://iotools.cloud/ar/pricing/" title="انتقل إلى وضع خالٍ من الإعلانات" style="text-decoration: underline;color: #9f9f9f;">حذف؟</a></div>  <style> @media only screen and (min-width: 0px) and (min-height: 0px) { div[id^="bsa-zone_1741343828950-4_123456"] { min-width: 300px; min-height: 50px; } } @media only screen and (min-width: 900px) and (min-height: 0px) { div[id^="bsa-zone_1741343828950-4_123456"] { min-width: 468px; min-height: 90px; } } </style> <div id="bsa-zone_1741343828950-4_123456"></div> </div> <div class="card card--related card--has-list"> <div class="card-header card-header--heading"> <h2 class="card-title" data-card-widget="collapse"><i class="ti ti-circles-relation" data-no-translation=""></i> الأدوات ذات الصلة</h2> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse" aria-label="تبديل العنوان" title="تبديل"> <i class="fas fa-minus"></i> </button> </div> </div> <div class="card-body pb-md-3 pt-0"> <p>بعض الأدوات الأخرى المشابهة ل <b>مُولد نموذج بريد إلكتروني HTML</b> التي قد تجدها مفيدة.</p> <div class="row"> <div class="col col-lg-4"> <div class="card card--tool card--tool-compact elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/xml-to-yaml-converter/" class="card-image card-image--icon" aria-label="XML to YAML Converter"> <i class="ti blue" style="--icon-hex:'\f1f4'" data-no-translation=""></i> </a> <a class="card-body" href="https://iotools.cloud/ar/tool/xml-to-yaml-converter/"> <h3 class="h5 mb-0 black">XML to YAML Converter<span class="io-badge io-badge--new" style="background-color: #f59e0b30;color:#f59e0b" data-toggle="tooltip" title="جديد" data-content="New"></span></h3> </a> <div class="card-footer text-muted text-xs"> <div class="d-flex"> <span data-tag-slug="data" class="badge badge-pill mr-2 tag-ico tag-ico--gray"><i class="ti ti-tag" data-no-translation=""></i>بيانات</span><span data-tag-slug="developer" class="badge badge-pill mr-2 tag-ico tag-ico--orange"><i class="ti ti-tag" data-no-translation=""></i>مطور</span> </div> <span class="io-compact-bookmark ml-auto position-relative" title="إشارة مرجعية"> <span class="io-compact-bookmark__count" data-favorites-post-count-id="333132" data-siteid></span> <button class="io-favorite-button" aria-label="إشارة مرجعية" data-toggle="modal" data-target="#io-modal-login"><i class="sf-icon-bookmark"></i></button> </span> </div> </div> </div> <div class="col col-lg-4"> <div class="card card--tool card--tool-compact elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/batch-qr-code-generator/" class="card-image card-image--icon" aria-label="Batch QR Code Generator"> <i class="ti blue" style="--icon-hex:'\eb11'" data-no-translation=""></i> </a> <a class="card-body" href="https://iotools.cloud/ar/tool/batch-qr-code-generator/"> <h3 class="h5 mb-0 black">Batch QR Code Generator<span class="io-badge io-badge--new" style="background-color: #f59e0b30;color:#f59e0b" data-toggle="tooltip" title="جديد" data-content="New"></span></h3> </a> <div class="card-footer text-muted text-xs"> <div class="d-flex"> <span data-tag-slug="developer" class="badge badge-pill mr-2 tag-ico tag-ico--orange"><i class="ti ti-tag" data-no-translation=""></i>مطور</span><span data-tag-slug="image" class="badge badge-pill mr-2 tag-ico tag-ico--orange"><i class="ti ti-tag" data-no-translation=""></i>صورة</span> </div> <span class="io-compact-bookmark ml-auto position-relative" title="إشارة مرجعية"> <span class="io-compact-bookmark__count" data-favorites-post-count-id="331779" data-siteid></span> <button class="io-favorite-button" aria-label="إشارة مرجعية" data-toggle="modal" data-target="#io-modal-login"><i class="sf-icon-bookmark"></i></button> </span> </div> </div> </div> <div class="col col-lg-4"> <div class="card card--tool card--tool-compact elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/env-var-template-expander/" class="card-image card-image--icon" aria-label="Environment Variable Template Expander"> <i class="ti blue" style="--icon-hex:'\ebcc'" data-no-translation=""></i> </a> <a class="card-body" href="https://iotools.cloud/ar/tool/env-var-template-expander/"> <h3 class="h5 mb-0 black">Environment Variable Template Expander<span class="io-badge io-badge--new" style="background-color: #f59e0b30;color:#f59e0b" data-toggle="tooltip" title="جديد" data-content="New"></span></h3> </a> <div class="card-footer text-muted text-xs"> <div class="d-flex"> <span data-tag-slug="data" class="badge badge-pill mr-2 tag-ico tag-ico--gray"><i class="ti ti-tag" data-no-translation=""></i>بيانات</span><span data-tag-slug="developer" class="badge badge-pill mr-2 tag-ico tag-ico--orange"><i class="ti ti-tag" data-no-translation=""></i>مطور</span> </div> <span class="io-compact-bookmark ml-auto position-relative" title="إشارة مرجعية"> <span class="io-compact-bookmark__count" data-favorites-post-count-id="330456" data-siteid></span> <button class="io-favorite-button" aria-label="إشارة مرجعية" data-toggle="modal" data-target="#io-modal-login"><i class="sf-icon-bookmark"></i></button> </span> </div> </div> </div> </div> </div> </div> <div class="card generic-content" id="tool-doc"> <div class="card-header card-header--heading"> <h2 class="card-title" data-card-widget="collapse"><i class="ti ti-book" data-no-translation=""></i> مرشد</h2> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse" aria-label="تبديل العنوان" title="تبديل"> <i class="fas fa-minus"></i> </button> </div> </div> <div class="card-body pt-0"> <div class="toc-wrapper position-relative" style="overflow: hidden;border-radius: 10px"> <div class="position-absolute toc-image"> <img decoding="async" class="exclude--lazy-load" src="https://iotools.cloud/wp-content/uploads/2026/06/html-email-template-generator-featured-400x512.jpg" alt="مولد نموذج بريد إلكتروني HTML" title="مولد نموذج بريد إلكتروني HTML 1"> </div> <div class="toc-content position-relative" style="z-index: 1"> </div> </div> <h3 class="wp-block-heading">مُولد نموذج بريد إلكتروني HTML</h3> <p>بناء بريد إلكتروني متجاوب باستخدام HTML بأسلوب مدمج للشكل، عن طريق تجميع مكونات مودولية مثل الرأس، المقدمة، الصورة، النص، الزر، المُقسّم والجوانب السفلى، مع عرض مباشر على جهاز مكتب وجوال. يُستخدم التصميم المبني على الجداول والشروط الخاصة بـ MSO لضمان عرض متسق في بريد إلكتروني مثل Outlook، Gmail، Apple Mail وغيرها.</p> <h3 class="wp-block-heading">كيفية استخدام</h3> <ul class="wp-block-list"> <li>تحديد سطر العنوان، النص المسبق، عائلة الخط، العلامة التجارية، ألوان الخلفية والنص في أعلى النموذج.</li> <li>إيقاف تشغيل أو تفعيل المكونات التي ترغب في استخدامها، وملء محتوى كل مكون – مثل الشعار والعبارة الترويجية، عنوان المقدمة والوصف، رابط الصورة، الفقرات الرئيسية، زر التفاعل، المُقسّم والجوانب السفلى.</li> <li>مراقبة التحديثات في العرض المباشر على اليمين. التبديل بين عرض الجهاز المكتب والجهاز المحمول لتأكيد التصميمات المُتاحة.</li> <li>انقر <strong>نسخ HTML</strong> لإسقاط HTML بأسلوب مدمج، أو <strong>تحميل .html</strong> لحفظه كملف جاهز للإدراج في نظام إرسال البريد الإلكتروني، أو أداة الإرسال المخصصة أو أداة الحملة.</li> </ul> <h3 class="wp-block-heading">خصائص</h3> <ul class="wp-block-list"> <li><strong>مكونات مودولية</strong> – إيقاف تشغيل أو تفعيل الرأس، المقدمة، الصورة، النص، الزر، المُقسّم والجوانب السفلى بشكل منفصل.</li> <li><strong>مخرج HTML بأسلوب مدمج</strong> – كل تشكيل يتم تضمينه مباشرة في العنصر، بحيث لا توجد ملفات خارجية ولا تُعرض بشكل مُتضرر في Outlook أو Gmail.</li> <li><strong>شروط MSO</strong> – يتم تضمين معلومات خاصة بـ Outlook (المحرر Word) لضمان أن العرض والمسافات تكون صحيحة على Outlook على ويندوز.</li> <li><strong>العرض المباشر</strong> – عرض مُحاكاة على جهاز مكتب (600 بكسل) وجوال (360 بكسل) داخل إطار مُحاط.</li> <li><strong>تخصيص العلامة التجارية</strong> – مُختارات ألوان للإكسس، الخلفية والنص، بالإضافة إلى أربعة مُستويات لعائلة الخط.</li> <li><strong>تصدير بسيط</strong> – نسخ HTML إلى الحافظة أو تحميله جاهزًا للإرسال <code data-no-translation="">.html</code> ملف.</li> <li><strong>يُستخدم في المتصفح</strong> – لا يتم تحميل أي بيانات أو تخزينها. يتم إنشاء المحتوى بالكامل على جهاز المستخدم.</li> </ul> </p> </div> </div> <div class="card generic-content" id="tool-faq"> <div class="card-header card-header--heading"> <h3 class="card-title" data-card-widget="collapse"><i class="ti" data-no-translation=""></i> التعليمات</h3> <div class="card-tools"> <button type="button" class="btn btn-tool" data-card-widget="collapse" aria-label="تبديل العنوان" title="تبديل"> <i class="fas fa-minus"></i> </button> </div> </div> <div class="card-body pt-0"> <div id="rank-math-faq" class="rank-math-block"> <ol class="rank-math-list"> <li id="faq-question-1780668428000" class="rank-math-list-item"> <h4 class="rank-math-question">لماذا يستخدم البريد الإلكتروني الجداول بدلًا من التصميمات الحديثة مثل Flexbox أو Grid؟</h4> <div class="rank-math-answer"> <p>تُعرض العديد من أدوات البريد الإلكتروني، وخاصة Outlook على ويندوز، باستخدام محرك Word، والذي يدعم قليلًا من CSS ويتجاهل Flexbox، Grid، وغالبًا ما يتجاهل قواعد الترتيب. تبقى الجداول المُتداخلة هي النظام الوحيد الذي يُعرض بشكل متسق عبر جميع الأدوات، بما في ذلك Gmail، Outlook، Apple Mail، Yahoo، والبريد الإلكتروني المحمول. وهكذا، يظل البريد الإلكتروني المُستخدم في الإنتاج يشبه التصميمات من عام 2003: وهو أقل معيار مشترك يُحافظ على عرضه في جميع محركات العرض.</p> </div> </li> <li id="faq-question-1780668428001" class="rank-math-list-item"> <h4 class="rank-math-question">ما هي الشروط الخاصة بـ MSO ولماذا يحتاج البريد الإلكتروني إليها؟</h4> <div class="rank-math-answer"> <p>الشروط الخاصة بـ MSO هي تعليقات HTML تُحلّل فقط من قبل Outlook (محرك Word). تبدو كالتالي <code data-no-translation=""></code> وتساعدك على إرسال محتوى أو أسلوب مخصص لـ Outlook دون تأثير على الأدوات الأخرى. تُستخدم بشكل شائع لتحديد عرض محتوى ثابت باستخدام جدول خفي، تصحيح VML للزر والخلفية، وتعطيل الميزات التي يُعرضها Outlook بشكل خاطئ. بدونها، قد تتقلص أو تُمدد التصميمات بشكل غير مريح في Outlook حتى لو كانت مثالية في أماكن أخرى.</p> </div> </li> <li id="faq-question-1780668428002" class="rank-math-list-item"> <h4 class="rank-math-question">لماذا يجب أن تكون أسلوب البريد الإلكتروني مدمجًا بدلًا من وضعها في علامة style؟</h4> <div class="rank-math-answer"> <p>تُحذف العديد من الأدوات البريدية، وخاصة Gmail في الماضي، أو تُطبّق بشكل غير متسق، خصوصًا على الأجهزة المحمولة أو في الرسائل المُعاد توجيهها. يُنقل كل قاعدة إلى العنصر الذي يُستخدمه من خلال السمة <code data-no-translation=""><style></code> ، والتي تُحترم من قبل كل منصة. التنازل هو التوسع والصعوبة في الصيانة، وهو السبب الذي يجعل أدوات التوليد مثل هذه المُولّدة تُستخدم لتحويل الأسلوب المدمج تلقائيًا من نموذج أعلى المستوى. <code data-no-translation="">style</code> السمة، التي يُحترمها كل العميل. والتعويض هو التوسع والصيانة الصعبة، وهي السبب في وجود أدوات مثل هذا المولد لدمج الأنواع تلقائيًا من نموذج أعلى.</p> </div> </li> <li id="faq-question-1780668428003" class="rank-math-list-item"> <h4 class="rank-math-question">ما هو النص المسبق وما تأثيره على معدلات فتح البريد الإلكتروني؟</h4> <div class="rank-math-answer"> <p>النص المسبق هو النص القصير المُعرض بعد سطر العنوان في معظم عروض البريد الإلكتروني. يتم تلقائيًا استخلاصه من أول نص مرئي في جسم البريد، والذي غالبًا ما يكون مقدمة أو نص معياري يُستغل المكان. يمكن استخدام عنصر مُخفي في بداية HTML لتحديد ما يظهر في هذا المكان. يُعتبر النص المسبق المُكتوب بشكل جيد مكملًا للعنوان، ويُظهر ارتباطًا أعلى مع معدلات فتح في معظم تجارب A/B التي تُجرى من قبل أبرز أطراف إرسال البريد.</p> </div> </li> </ol> </div> </div> </div> </div> <div class="col aw--col-300 side-content"> <a href="https://iotools.cloud/ar/pricing/" class="info-box mb-3" style="background-color: var(--io-color-blue, #464aff);letter-spacing:0;min-height:70px;padding-top:5px;"> <div class="info-box-content"> <span class="info-box-text text-sm white">هل تريد حذف الإعلانات؟</span> <span class="info-box-number white" style="font-weight: 500;"> <span class="white"><u>تخلص من الإعلانات اليوم</u></span> </span> </div> <span class="info-box-icon white" style="width:50px"> <i class="ti" data-no-translation=""></i> </span> </a> <div class="card card-body pb-0"> <h2 class="h5 blue mb-1"> <i class="ti" data-no-translation=""></i> تثبيت ملحقاتنا </h2> <p class="mb-2"> أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع </p> <div class="text-center pt-1 pb-3"> <div id="io-browser-extension-d41d8cd9" class="d-none d-lg-block"> <div class="io-browser-extension-container d-flex justify-content-center"> <a href="https://chromewebstore.google.com/detail/io-tools-quick-access/ngfigjoligkblljadlbojinhoiofkdld" target="_blank" rel="noopener" class="io-browser-extension-btn" data-toggle="tooltip" data-placement="top" title="أضف إلى Chrome" style="cursor: pointer;"> أضف لـ <img src="https://iotools.cloud/wp-content/themes/iotools/assets/images/browsers/chrome.svg" width="18" height="18" alt="إضافة كروم" class="img-fluid"> </a> <a href="https://microsoftedge.microsoft.com/addons/detail/io-tools-quick-access/daapkanhnnjodjpobfmkopolagbkcccb" target="_blank" rel="noopener" class="io-browser-extension-btn" data-toggle="tooltip" data-placement="top" title="أضف إلى الحافة" style="cursor: pointer;"> أضف لـ <img src="https://iotools.cloud/wp-content/themes/iotools/assets/images/browsers/edge.svg" width="18" height="18" alt="امتداد الحافة" class="img-fluid"> </a> <a href="https://addons.mozilla.org/en-US/firefox/addon/iotools-quick-access/" target="_blank" rel="noopener" class="io-browser-extension-btn" data-toggle="tooltip" data-placement="top" title="أضف إلى فايرفوكس" style="cursor: pointer;"> أضف لـ <img src="https://iotools.cloud/wp-content/themes/iotools/assets/images/browsers/firefox.svg" width="18" height="18" alt="إضافة فايرفوكس" class="img-fluid"> </a> <a href="https://addons.opera.com/en/extensions/details/io-tools-quick-access/" target="_blank" rel="noopener" class="io-browser-extension-btn" data-toggle="tooltip" data-placement="top" title="أضف إلى الأوبرا" style="cursor: pointer;"> أضف لـ <img src="https://iotools.cloud/wp-content/themes/iotools/assets/images/browsers/opera.svg" width="18" height="18" alt="ملحق الأوبرا" class="img-fluid"> </a> <style> #io-browser-extension-d41d8cd9 .io-browser-extension-container { gap: 10px; margin-left: -1px; } #io-browser-extension-d41d8cd9 .io-browser-extension-btn { display: flex; padding: 3px 5px 1px 6px;; background-color: white; border: 1px solid #dee2e6; border-radius: 12px; text-decoration: none; transition: all 0.2s ease; font-size: 12px;; color: #000!important; align-items: center; justify-content: center; gap: 2px; flex-grow: 1;; } #io-browser-extension-d41d8cd9 .io-browser-extension-btn img { transform: translateY(-1px); } #io-browser-extension-d41d8cd9 .io-browser-extension-btn:hover { background-color: #f8f9fa; border-color: #ced4da; color: #333; text-decoration: none; } </style> </div> </div> </div> </div> <div class="card card-body pb-0"> <h2 class="h5 blue mb-1"> <i class="ti" data-no-translation="">恵</i><a href="https://scoreboard.iotools.cloud/" target="_blank" rel="noopener"> وصلت لوحة النتائج!</a> </h2> <p class="mb-2"> <a href="https://scoreboard.iotools.cloud/" target="_blank" rel="noopener">لوحة النتائج</a> هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا! </p> </div> <div class="aw aw-side_content_1_desktop text-center mb-4"><div style="text-align: center;color: #9f9f9f;font-size: 9px;letter-spacing: 1px;line-height: 25px;height: 25px;width: 100%;">إعلان · <a tabindex="-1" target="_blank" href="https://iotools.cloud/ar/pricing/" title="انتقل إلى وضع خالٍ من الإعلانات" style="text-decoration: underline;color: #9f9f9f;">حذف؟</a></div>  <style> @media only screen and (min-width: 0px) and (min-height: 0px) { div[id^="bsa-zone_1741342473519-9_123456"] { min-width: 0px; min-height: 0px; } } @media only screen and (min-width: 1370px) and (min-height: 0px) { div[id^="bsa-zone_1741342473519-9_123456"] { min-width: 200px; min-height: 250px; } } </style> <div id="bsa-zone_1741342473519-9_123456"></div> </div> <div class="card card-body pb-0"> <div class="d-flex justify-content-between align-items-center mb-3"> <h2 class="h5 blue mb-0"><i class="ti" data-no-translation=""></i> أدوات يجب تجربتها</h2> <a class="text-muted small blue" href="https://iotools.cloud/ar/tags/must-try/"><u>عرض الكل</u></a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/imagekit/background-remover/" class="card-image card-image--icon" aria-label="مزيل الخلفية"> <i class="ti blue" style="--icon-hex:'\f360'" data-no-translation=""></i> </a> <span class="card-image card-image--icon" data-toggle="tooltip" title="مجموعة الأدوات: ImageKit" ><i class="ti blue" style="--icon-hex:'\f360'" data-no-translation=""></i></span> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/imagekit/background-remover/"> مزيل الخلفية </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/ai-image-editor/" class="card-image card-image--icon" aria-label="محرر الصور بالذكاء الاصطناعي"> <i class="ti blue" style="--icon-hex:'\fa32'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/ai-image-editor/"> محرر الصور بالذكاء الاصطناعي<span class="io-badge io-badge--toolset" style="background-color: #92ff9580;color:#10a581" data-toggle="tooltip" title="مجموعة" data-content="Toolset"></span> </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/ai-image-generator/" class="card-image card-image--icon" aria-label="مولد الصور بالذكاء الاصطناعي"> <i class="ti blue" style="--icon-hex:'\ffb0'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/ai-image-generator/"> مولد الصور بالذكاء الاصطناعي </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/imagekit/" class="card-image card-image--icon" aria-label="مجموعة الصور"> <i class="ti blue" style="--icon-hex:'\f360'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/imagekit/"> مجموعة الصور<span class="io-badge io-badge--toolset" style="background-color: #92ff9580;color:#10a581" data-toggle="tooltip" title="مجموعة" data-content="Toolset"></span> </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/pdf-converter/compress-pdf/" class="card-image card-image--icon" aria-label="ضاغط PDF"> <i class="ti blue" style="--icon-hex:'\ed44'" data-no-translation=""></i> </a> <span class="card-image card-image--icon" data-toggle="tooltip" title="مجموعة الأدوات: محول PDF" ><i class="ti blue" style="--icon-hex:'\f7ac'" data-no-translation=""></i></span> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/pdf-converter/compress-pdf/"> ضاغط PDF </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/image-converter/" class="card-image card-image--icon" aria-label="محول الصور"> <i class="ti blue" style="--icon-hex:'\fd9f'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/image-converter/"> محول الصور<span class="io-badge io-badge--toolset" style="background-color: #92ff9580;color:#10a581" data-toggle="tooltip" title="مجموعة" data-content="Toolset"></span> </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/one-time-link/" class="card-image card-image--icon" aria-label="رابط مرة واحدة"> <i class="ti blue" style="--icon-hex:'\f7bd'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/one-time-link/"> رابط مرة واحدة </a> </div> </div> <div class="aw aw-side_content_2_desktop text-center mb-4"><div style="text-align: center;color: #9f9f9f;font-size: 9px;letter-spacing: 1px;line-height: 25px;height: 25px;width: 100%;">إعلان · <a tabindex="-1" target="_blank" href="https://iotools.cloud/ar/pricing/" title="انتقل إلى وضع خالٍ من الإعلانات" style="text-decoration: underline;color: #9f9f9f;">حذف؟</a></div>  <style> @media only screen and (min-width: 0px) and (min-height: 0px) { div[id^="bsa-zone_1741342696932-0_123456"] { min-width: 0px; min-height: 0px; } } @media only screen and (min-width: 1370px) and (min-height: 0px) { div[id^="bsa-zone_1741342696932-0_123456"] { min-width: 200px; min-height: 250px; } } </style> <div id="bsa-zone_1741342696932-0_123456"></div> </div> <div class="card card-body pb-0"> <div class="d-flex justify-content-between align-items-center mb-3"> <h2 class="h5 blue mb-0"> <i class="ti" data-no-translation=""></i> الوافدون الجدد </h2> <a class="text-muted small blue" href="https://iotools.cloud/ar/tools/"><u>عرض الكل</u></a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/xml-to-yaml-converter/" class="card-image card-image--icon" aria-label="XML to YAML Converter"> <i class="ti blue" style="--icon-hex:'\f1f4'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/xml-to-yaml-converter/"> XML to YAML Converter </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/batch-qr-code-generator/" class="card-image card-image--icon" aria-label="Batch QR Code Generator"> <i class="ti blue" style="--icon-hex:'\eb11'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/batch-qr-code-generator/"> Batch QR Code Generator </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/sql-create-table-generator/" class="card-image card-image--icon" aria-label="SQL CREATE TABLE Generator"> <i class="ti blue" style="--icon-hex:'\eb27'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/sql-create-table-generator/"> SQL CREATE TABLE Generator </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/css-scroll-driven-animation-generator/" class="card-image card-image--icon" aria-label="CSS Scroll-Driven Animation Generator"> <i class="ti blue" style="--icon-hex:'\f132'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/css-scroll-driven-animation-generator/"> CSS Scroll-Driven Animation Generator </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/css-design-token-generator/" class="card-image card-image--icon" aria-label="CSS Design Token Generator"> <i class="ti blue" style="--icon-hex:'\eb01'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/css-design-token-generator/"> CSS Design Token Generator </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/env-var-template-expander/" class="card-image card-image--icon" aria-label="Environment Variable Template Expander"> <i class="ti blue" style="--icon-hex:'\ebcc'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/env-var-template-expander/"> Environment Variable Template Expander </a> </div> <div class="card card--tool card--tool-compact card--tool-compact--mini elevation-0 border card--tool-has-icon"> <a href="https://iotools.cloud/ar/tool/css-logical-properties-converter/" class="card-image card-image--icon" aria-label="CSS Logical Properties Converter"> <i class="ti blue" style="--icon-hex:'\f1f4'" data-no-translation=""></i> </a> <a class="card-body flex-row align-items-center h6 mb-0 black" href="https://iotools.cloud/ar/tool/css-logical-properties-converter/"> CSS Logical Properties Converter </a> </div> <p class="small text-muted mb-3 text-center"><b>تحديث:</b> ملكنا <a href="https://iotools.cloud/ar/tool/xml-to-yaml-converter/" class="text-muted"><u>أحدث أداة</u></a> was added on يونيو 22, 2026</p> </div> <div class="aw aw-dashboard_sidebar text-center mb-4"><div style="text-align: center;color: #9f9f9f;font-size: 9px;letter-spacing: 1px;line-height: 25px;height: 25px;width: 100%;">إعلان · <a tabindex="-1" target="_blank" href="https://iotools.cloud/ar/pricing/" title="انتقل إلى وضع خالٍ من الإعلانات" style="text-decoration: underline;color: #9f9f9f;">حذف؟</a></div>  <style> @media only screen and (min-width: 0px) and (min-height: 0px) { div[id^="bsa-zone_1741781122639-0_123456"] { min-width: 300px; min-height: 50px; } } @media only screen and (min-width: 900px) and (min-height: 0px) { div[id^="bsa-zone_1741781122639-0_123456"] { min-width: 200px; min-height: 200px; } } </style> <div id="bsa-zone_1741781122639-0_123456"></div> </div> <div class="card card-body io-no-scrollbar" style="max-height:700px;"> <h2 class="h5 blue mb-3"><i class="ti" data-no-translation=""></i> ركن الأخبار <small class="black">مع أبرز التقنيات</small></h2> <div data-load-more-id="side-news" class="exclude--translation" data-no-translation=""> <div class="io-loading mb-3"> <div class="io-loading__item title"></div> <div class="io-loading__item"></div> <div class="io-loading__item"></div> <div class="io-loading__item"></div> </div> <div class="io-loading mb-3"> <div class="io-loading__item title"></div> <div class="io-loading__item"></div> <div class="io-loading__item"></div> <div class="io-loading__item"></div> </div> <div class="io-loading mb-3"> <div class="io-loading__item title"></div> <div class="io-loading__item"></div> <div class="io-loading__item"></div> <div class="io-loading__item"></div> </div> </div> <script class="exclude--lazy-load" async> // Immediately load news from session storage document.querySelectorAll('[data-load-more-id="side-news"]').forEach(function(element) { const dailyNewsHtml = sessionStorage.getItem(`dailyNewsHtml`); if (dailyNewsHtml) { element.innerHTML = dailyNewsHtml; } }); </script> <p class="text-center"> <button class="btn--load-more" data-load-more="{"target":"side-news","postType":"wprss_feed_item","offset":3}">أرني المزيد!</button> </p> </div> <h2 class="h5 blue text-right mt-5"><i class="ti ti-heart-handshake" data-no-translation=""></i> شارك</h2> <div class="text-right mb-4"> <p>ساعدنا على الاستمرار في تقديم أدوات مجانية قيمة</p> <div class="d-lg-flex justify-content-end"> <a href="https://buymeacoffee.com/iotools" target="_blank" rel="noopener"><img width="180" height="50" src="https://iotools.cloud/wp-content/themes/iotools/assets/images/yellow-button.png" alt="اشتري لي قهوة" class="img-fluid"></a> </div> </div> <div class="aw aw-side_content_sticky_desktop sticky-top text-center"><div style="text-align: center;color: #9f9f9f;font-size: 9px;letter-spacing: 1px;line-height: 25px;height: 25px;width: 100%;">إعلان · <a tabindex="-1" target="_blank" href="https://iotools.cloud/ar/pricing/" title="انتقل إلى وضع خالٍ من الإعلانات" style="text-decoration: underline;color: #9f9f9f;">حذف؟</a></div>  <style> @media only screen and (min-width: 0px) and (min-height: 0px) { div[id^="bsa-zone_1741342751312-1_123456"] { min-width: 0px; min-height: 0px; } } @media only screen and (min-width: 1370px) and (min-height: 0px) { div[id^="bsa-zone_1741342751312-1_123456"] { min-width: 120px; min-height: 600px; } } </style> <div id="bsa-zone_1741342751312-1_123456"></div> </div> </div> </div> </div> </main>  <footer class="main-footer text-sm text-center text-xl-left d-flex flex-xl-nowrap flex-column-reverse flex-xl-row"> <span>حقوق النشر © 2026 <a href="https://iotools.cloud/ar/" class="exclude--translation" data-no-translation=""><u>iotools.cloud</u></a>. كل الحقوق محفوظة.</span>  <ul class="navbar-nav d-flex flex-row ml-xl-auto justify-content-center flex-wrap"> <li class="nav-item"> <a href="https://iotools.cloud/ar/" class="text-muted">بيت</a> </li> <li class="nav-item"> <a href="https://iotools.cloud/ar/about/" class="text-muted">عن</a> </li> <li class="nav-item"> <a href="https://iotools.cloud/ar/contact/" class="text-muted">اتصال</a> </li> <li class="nav-item"> <a href="https://iotools.cloud/ar/pricing/" class="text-muted">التسعير</a> </li> <li class="nav-item blue mb-2 mb-xl-0"> • </li> <li class="nav-item"><a href="https://iotools.cloud/ar/community-tools/" rel="nofollow" class="text-muted">أدوات المجتمع</a></li> <li class="nav-item"><a href="https://iotools.cloud/ar/journal/" class="text-muted">مركز المجلة</a></li> <li class="nav-item blue mb-2 mb-xl-0"> • </li> <li class="nav-item"><a href="https://iotools.cloud/ar/privacy-policy/" class="text-muted">سياسة الخصوصية</a></li> <li class="nav-item"><a href="https://iotools.cloud/ar/terms-of-service/" class="text-muted">شروط الخدمة</a></li> <li class="nav-item"><a href="https://iotools.statuspage.io/" target="_blank" rel="noopener" class="text-muted">حالة النظام</a></li> <li class="nav-item"><a href="https://iotools.cloud/ar/sitemap/" class="text-muted">خريطة الموقع</a></li> <li class="nav-item blue mb-2 mb-xl-0 d-none d-lg-block"> • </li> <li class="d-block w-100 d-lg-none"></li> <li class="nav-item"><a href="https://x.com/io_tools" target="_blank" rel="noopener" class="text-muted" aria-label="X"><i class="ti ti-brand-x" data-no-translation=""></i></a></li> <li class="nav-item"><a href="https://www.facebook.com/iotools.cloud" target="_blank" rel="noopener" class="text-muted" aria-label="فيسبوك"><i class="ti" data-no-translation=""></i></a></li> <li class="nav-item"><a href="https://www.youtube.com/@io-tools" target="_blank" rel="noopener" class="text-muted" aria-label="يوتيوب"><i class="ti" data-no-translation=""></i></a></li> <li class="nav-item"><a href="https://www.tiktok.com/@iotools" target="_blank" rel="noopener" class="text-muted" aria-label="تيك توك"><i class="ti" data-no-translation=""></i></a></li> <li class="nav-item"><a href="https://www.linkedin.com/company/io-tools/" target="_blank" rel="noopener" class="text-muted" aria-label="ينكدين"><i class="ti ti-brand-linkedin" data-no-translation=""></i></a></li> <li class="nav-item"><a href="https://www.producthunt.com/products/io-tools" target="_blank" rel="noopener" class="text-muted" aria-label="مطاردة المنتج"><i class="ti ti-brand-producthunt" data-no-translation=""></i></a></li> </ul> </footer> <div class="bsa-gap d-none d-xl-block" style="height: 110px;"> </div> <div class="bsa-gap d-xl-none" style="height: 60px;"> </div> <style> body:has(>.bsa_fixed-leaderboard[style*="display: none"]) .bsa-gap { display: none !important; } </style> </div> <template id="tp-language" data-tp-language="ar"></template><script type="speculationrules"> {"prerender":[{"source":"document","where":{"and":[{"href_matches":"/ar/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/iotools/*","/ar/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prerender, .no-prerender a"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"moderate"}]} </script> <style> #ioEmailHtml { font-size: 12px; line-height: 1.5; max-height: 320px; overflow: auto; } #ioEmailPreview { margin-bottom: 14px; border: 1px solid #ced4da; border-radius: 12px; background-color: #fff; overflow: hidden; min-height: 360px; } #ioEmailPreview .email-preview-empty { color: #6c757d; font-style: italic; padding: 24px 18px; text-align: center; font-family: var(--bs-font-sans-serif), sans-serif; } #ioEmailPreview .email-preview-header { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background-color: #f8f9fa; border-bottom: 1px solid #e9ecef; font-family: var(--bs-font-sans-serif), sans-serif; font-size: 0.8rem; color: #495057; } #ioEmailPreview .email-preview-header strong { font-weight: 600; color: #212529; } #ioEmailPreview .email-preview-toolbar { margin-left: auto; display: flex; gap: 4px; } #ioEmailPreview .email-preview-btn { font-size: 0.75rem; padding: 2px 8px; border: 1px solid #adb5bd; background-color: #fff; border-radius: 4px; cursor: pointer; color: #212529; } #ioEmailPreview .email-preview-btn:hover { background-color: #f1f3f5; } #ioEmailPreview .email-preview-btn.is-active { background-color: #464aff; border-color: #464aff; color: #fff; } #ioEmailPreview iframe { display: block; width: 100%; border: 0; background-color: #fff; transition: max-width 0.15s ease; } #ioEmailPreview .email-preview-stage { background-color: #eef0f3; padding: 12px; } #ioEmailPreview .email-preview-stage iframe { margin: 0 auto; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.08); } </style> <script type="text/javascript" src="https://iotools.cloud/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-form-move-tracker.js?ver=1.22.3" id="gtm4wp-form-move-tracker-js"></script> <script type="text/javascript" src="https://iotools.cloud/wp-content/plugins/translatepress-multilingual/assets/js/trp-clickable-ls.js?ver=2.9.12" id="trp-clickable-ls-js-js"></script> <script type="text/javascript" src="https://iotools.cloud/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script> <script type="text/javascript" id="theme-js-js-extra"> /* <![CDATA[ */ var IOTools = {"ajaxUrl":"https://iotools.cloud/wp-admin/admin-ajax.php","assetsUrl":"https://iotools.cloud/wp-content/themes/iotools/assets/","homeUrl":"https://iotools.cloud/ar/","isMobile":"","currentPostId":"314379","turnstileSiteKey":"0x4AAAAAABroE5_aI0mWeJ_q","algoliaAppId":"1P44EFZA6Z","algoliaApiKey":"430f43bbda2ef03c2d61fbdf33bae284","urlRequests":"/requests/","creditsCap":"10","pondUploader":null,"tagColors":{"Accessibility":"indigo","AI":"red","arithmetic":"blue","Art":"orange","Backend":"red","base conversion":"blue","Base64":"blue","Beta":"red","Binary":"blue","Calculator":"blue","Character Classes":"blue","Color":"yellow","Couple":"blue","Creator":"blue","Cryptography":"yellow","CSS":"indigo","CSV":"green","Data":"gray","decimal":"blue","Decode":"yellow","Decrypt":"red","Designer":"cyan","Developer":"orange","devops":"blue","DnD":"blue","Education":"lime","Encode":"indigo","Encoding":"blue","Encryption":"blue","evaluation":"blue","Fantasy":"lime","Fiction":"blue","Finance":"green","Frontend":"red","Fun":"violet","Gaming":"blue","Generator":"blue","Git":"blue","Graphics":"red","Health":"orange","hex":"blue","History":"green","HTML":"green","Ideas":"orange","Identity":"lime","Image":"orange","instant calculation":"blue","integer":"blue","IPv6":"blue","Javascript":"orange","JPG":"blue","JSON":"yellow","logarithm":"blue","Lookup":"gray","MAC address":"blue","Magic":"yellow","Markdown":"blue","Marketing":"orange","mask":"blue","Match":"blue","Math":"yellow","MD5":"indigo","Minecraft":"blue","Music":"blue","Must Try":"red","Mythical":"blue","Networking":"blue","number systems":"blue","obfuscate":"blue","octal":"blue","PDF":"yellow","Performance":"green","Planning":"yellow","PNG":"blue","privacy":"blue","Productivity":"green","programming":"blue","Random":"red","Scheduling":"blue","Science":"blue","Security":"yellow","SEO":"orange","Social":"indigo","Sports":"blue","Statistics":"green","string":"blue","SVG":"orange","sysadmin":"blue","Testing":"orange","Text":"green","Time":"blue","trigonometry":"blue","ULA":"blue","Utilities":"blue","Video":"indigo","Wellness":"orange","Wizard":"blue","World":"blue","XML":"orange","YAML":"blue"},"translations":{"copiedDeepLink":"\u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0631\u0627\u0628\u0637 \u0627\u0644\u0639\u0645\u064a\u0642 \u0625\u0644\u0649 \u0627\u0644\u062d\u0627\u0641\u0638\u0629!","copiedText":"\u062a\u0645\u062a \u0646\u0633\u062e\u0647\u0627 \u0625\u0644\u0649 \u0627\u0644\u062d\u0627\u0641\u0638\u0629!","copiedImage":"\u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0635\u0648\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062d\u0627\u0641\u0638\u0629!","generatedContentAppearsHere":"\u0633\u062a\u0638\u0647\u0631 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0647\u0646\u0627...","confirmOverwriteContent":"\u0647\u0644 \u0633\u064a\u062a\u0645 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062d\u0627\u0644\u064a\u061f","invalidBase64String":"\u0633\u0644\u0633\u0644\u0629 base64 \u063a\u064a\u0631 \u0635\u0627\u0644\u062d\u0629","timeoutReached":"\u0627\u0646\u062a\u0647\u062a \u0627\u0644\u0645\u0647\u0644\u0629 \u0642\u0628\u0644 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0627\u0644\u062a\u062c\u0632\u0626\u0629.","allCombinationsTried":"\u0644\u0642\u062f \u062c\u0631\u0628\u062a \u0643\u0644 \u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a\u060c \u0648\u0644\u0643\u0646 \u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0627\u0644\u062a\u062c\u0632\u0626\u0629. \u0627\u0636\u0628\u0637 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0648\u062d\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.","useThisFont":"\u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u062e\u0637","noFileTypesDetected":"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0643\u062a\u0634\u0627\u0641 \u0646\u0648\u0639 \u0627\u0644\u0645\u0644\u0641. \u0642\u062f \u064a\u0643\u0648\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0623\u0635\u0644\u064a \u0645\u062c\u0631\u062f \u0645\u0644\u0641 \u0646\u0635\u064a \u0623\u0648 \u0633\u0644\u0633\u0644\u0629.","noResults":"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c","loadMore":"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0632\u064a\u062f","decodedString":"\u0633\u0644\u0633\u0644\u0629 \u0645\u0641\u0643\u0643\u0629","yes":"\u0646\u0639\u0645","no":"\u0644\u0627","team":"\u0641\u0631\u064a\u0642","detectedFile":"\u062a\u0645 \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0644\u0641","download":"\u062a\u062d\u0645\u064a\u0644","converting":"\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0648\u064a\u0644...","compressing":"\u0636\u063a\u0637...","tapToRemove":"\u0627\u0646\u0642\u0631 \u0644\u0644\u0625\u0632\u0627\u0644\u0629","serverUploaded":"\u062a\u0645 \u062a\u062d\u0645\u064a\u0644\u0647 \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u062f\u0645","validationPassed":"\u062a\u0645 \u0627\u0644\u062a\u062d\u0642\u0642 \u0628\u0646\u062c\u0627\u062d","validationFailed":"\u0641\u0634\u0644 \u0627\u0644\u062a\u062d\u0642\u0642","validationIndependently":"\u064a\u062a\u0645 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0635\u062d\u0629 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0646\u0627\u062a\u062c \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0642\u0644","pokemon":{"generation":"\u062c\u064a\u0644","hp":"\u0625\u062a\u0634 \u0628\u064a","speed":"\u0633\u0631\u0639\u0629","attack":"\u0647\u062c\u0648\u0645","defense":"\u0627\u0644\u062f\u0641\u0627\u0639","spAttack":"\u0647\u062c\u0648\u0645 \u062e\u0627\u0635","spDefense":"\u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u062e\u0627\u0635"},"browserInfo":{"userAgent":"\u0648\u0643\u064a\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645","language":"\u0644\u063a\u0629","windowSize":"\u062d\u062c\u0645 \u0627\u0644\u0646\u0627\u0641\u0630\u0629","pdfViewerEnabled":"\u062a\u0645\u0643\u064a\u0646 \u0639\u0627\u0631\u0636 PDF","javascriptEnabled":"\u062a\u0645 \u062a\u0645\u0643\u064a\u0646 JavaScript","cookiesEnabled":"\u062a\u0645\u0643\u064a\u0646 \u0645\u0644\u0641\u0627\u062a \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0627\u0631\u062a\u0628\u0627\u0637","browser":"\u0627\u0644\u0645\u062a\u0635\u0641\u062d","browserMajorVersion":"\u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0644\u0644\u0645\u062a\u0635\u0641\u062d","browserVersion":"\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0645\u062a\u0635\u0641\u062d","layoutEngine":"\u0645\u062d\u0631\u0643 \u0627\u0644\u062a\u062e\u0637\u064a\u0637","deviceMemory":"\u0630\u0627\u0643\u0631\u0629 \u0627\u0644\u062c\u0647\u0627\u0632","maxTouchPoints":"\u0646\u0642\u0627\u0637 \u0627\u0644\u0644\u0645\u0633 \u0627\u0644\u0642\u0635\u0648\u0649","screenSize":"\u062d\u062c\u0645 \u0627\u0644\u0634\u0627\u0634\u0629","orientation":"\u062a\u0648\u062c\u064a\u0647","colorDepth":"\u0639\u0645\u0642 \u0627\u0644\u0644\u0648\u0646","pixelRatio":"\u0646\u0633\u0628\u0629 \u0627\u0644\u0628\u0643\u0633\u0644","os":"\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0634\u063a\u064a\u0644","osVersion":"\u0625\u0635\u062f\u0627\u0631 \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0634\u063a\u064a\u0644","deviceType":"\u0646\u0648\u0639 \u0627\u0644\u062c\u0647\u0627\u0632","deviceVendor":"\u0628\u0627\u0626\u0639 \u0627\u0644\u062c\u0647\u0627\u0632","deviceModel":"\u0637\u0631\u0627\u0632 \u0627\u0644\u062c\u0647\u0627\u0632"},"splits":"\u0627\u0644\u0627\u0646\u0642\u0633\u0627\u0645\u0627\u062a","noImagesSelected":"\u064a\u0631\u062c\u0649 \u062a\u062d\u0645\u064a\u0644 \u0645\u0644\u0641 \u0648\u0627\u062d\u062f \u0639\u0644\u0649 \u0627\u0644\u0623\u0642\u0644.","errorOccurredAI":"\u0641\u0634\u0644 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.","errorOccurredExtractText":"\u0641\u0634\u0644 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0644\u0641. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.","errorOccurredPokemon":"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0623\u064a \u0628\u0648\u0643\u064a\u0645\u0648\u0646 \u0645\u0639 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u062d\u062f\u062f\u0629.","errorCannotConvert":"\u0644\u0627 \u064a\u0645\u0643\u0646 \u0627\u0644\u062a\u062d\u0648\u064a\u0644","autoComplete":{"Tools":"\u0623\u062f\u0648\u0627\u062a","Modules":"\u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0646\u0645\u0637\u064a\u0629","SearchForATool":"\u0627\u0628\u062d\u062b \u0639\u0646 \u0623\u062f\u0627\u0629 \u0623\u0648 \u0641\u0626\u0629 \u0623\u0648 \u0639\u0644\u0627\u0645\u0629...","NoToolsFoundForThisQuery":"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0623\u062f\u0648\u0627\u062a \u0644\u0647\u0630\u0627 \u0627\u0644\u0627\u0633\u062a\u0639\u0644\u0627\u0645.","SubmitARequest":"\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628","WeWillMakeIt":"\u0648\u0633\u0646\u0642\u0648\u0645 \u0628\u0630\u0644\u0643!","CategoriesFilter":"\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u0641\u0626\u0627\u062a","NoCategoriesFoundForThisQuery":"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0641\u0626\u0627\u062a \u0644\u0647\u0630\u0627 \u0627\u0644\u0627\u0633\u062a\u0639\u0644\u0627\u0645.","TagsFilter":"\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a","NoTagsFoundForThisQuery":"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0639\u0644\u0627\u0645\u0627\u062a \u0644\u0647\u0630\u0627 \u0627\u0644\u0627\u0633\u062a\u0639\u0644\u0627\u0645.","ToNavigate":"\u0644\u0644\u062a\u0646\u0642\u0644","ToSelect":"\u0644\u0644\u0627\u062e\u062a\u064a\u0627\u0631","ToClose":"\u0644\u0625\u063a\u0644\u0627\u0642","ToCancel":"\u064a\u0644\u063a\u064a"}},"defaultSwatches":["#264653","#2a9d8f","#e9c46a","rgb(244,162,97)","#e76f51","#d62828","navy","#07b","#0096c7","#00b4d880","rgba(0,119,182,0.8)"]}; //# sourceURL=theme-js-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://iotools.cloud/wp-content/themes/iotools/dist/main.min.js?ver=8cc561825f92eedc5bf2a04df7f0afad" id="theme-js-js"></script> <script type="text/javascript" src="https://iotools.cloud/wp-content/themes/iotools/dist/modules/61ea48838d56c794fb1748cfb9bebdfd.min.js?ver=f5a2016167f5a7b2b78201d36eda51ab" id="theme-js-61ea48838d56c794fb1748cfb9bebdfd-js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js?ver=8cc561825f92eedc5bf2a04df7f0afad" id="highlight-js-js"></script> <script type="text/javascript" src="https://iotools.cloud/wp-content/themes/iotools/assets/libraries/Coloris-0.24.0/dist/coloris.min.js?ver=8cc561825f92eedc5bf2a04df7f0afad" id="coloris-js-js"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://iotools.cloud/wp-includes/js/wp-emoji-release.min.js?ver=6.9.1"}} </script> <script type="module"> /* <![CDATA[ */ /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://iotools.cloud/wp-includes/js/wp-emoji-loader.min.js /* ]]> */ </script> <script type="text/javascript">(function (undefined) {let scriptOptions={"_localizedStrings":{"redirect_overlay_title":"Hold On","redirect_overlay_text":"You are being redirected to another page,<br>it may take a few seconds.","webview_notification_text":"The selected provider doesn't support embedded browsers!"},"_targetWindow":"prefer-popup","_redirectOverlay":"overlay-with-spinner-and-message","_unsupportedWebviewBehavior":""}; /** * Used when Cross-Origin-Opener-Policy blocked the access to the opener. We can't have a reference of the opened windows, so we should attempt to refresh only the windows that has opened popups. */ window._nslHasOpenedPopup = false; window._nslWebViewNoticeElement = null; window.NSLPopup = function (url, title, w, h) { /** * Cross-Origin-Opener-Policy blocked the access to the opener */ if (typeof BroadcastChannel === "function") { const _nslLoginBroadCastChannel = new BroadcastChannel('nsl_login_broadcast_channel'); _nslLoginBroadCastChannel.onmessage = (event) => { if (window?._nslHasOpenedPopup && event.data?.action === 'redirect') { window._nslHasOpenedPopup = false; const url = event.data?.href; _nslLoginBroadCastChannel.close(); if (typeof window.nslRedirect === 'function') { window.nslRedirect(url); } else { window.opener.location = url; } } }; } const userAgent = navigator.userAgent, mobile = function () { return /\b(iPhone|iP[ao]d)/.test(userAgent) || /\b(iP[ao]d)/.test(userAgent) || /Android/i.test(userAgent) || /Mobile/i.test(userAgent); }, screenX = window.screenX !== undefined ? window.screenX : window.screenLeft, screenY = window.screenY !== undefined ? window.screenY : window.screenTop, outerWidth = window.outerWidth !== undefined ? window.outerWidth : document.documentElement.clientWidth, outerHeight = window.outerHeight !== undefined ? window.outerHeight : document.documentElement.clientHeight - 22, targetWidth = mobile() ? null : w, targetHeight = mobile() ? null : h, left = parseInt(screenX + (outerWidth - targetWidth) / 2, 10), right = parseInt(screenY + (outerHeight - targetHeight) / 2.5, 10), features = []; if (targetWidth !== null) { features.push('width=' + targetWidth); } if (targetHeight !== null) { features.push('height=' + targetHeight); } features.push('left=' + left); features.push('top=' + right); features.push('scrollbars=1'); const newWindow = window.open(url, title, features.join(',')); if (window.focus) { newWindow.focus(); } window._nslHasOpenedPopup = true; return newWindow; }; let isWebView = null; function checkWebView() { if (isWebView === null) { function _detectOS(ua) { if (/Android/.test(ua)) { return "Android"; } else if (/iPhone|iPad|iPod/.test(ua)) { return "iOS"; } else if (/Windows/.test(ua)) { return "Windows"; } else if (/Mac OS X/.test(ua)) { return "Mac"; } else if (/CrOS/.test(ua)) { return "Chrome OS"; } else if (/Firefox/.test(ua)) { return "Firefox OS"; } return ""; } function _detectBrowser(ua) { let android = /Android/.test(ua); if (/Opera Mini/.test(ua) || / OPR/.test(ua) || / OPT/.test(ua)) { return "Opera"; } else if (/CriOS/.test(ua)) { return "Chrome for iOS"; } else if (/Edge/.test(ua)) { return "Edge"; } else if (android && /Silk\//.test(ua)) { return "Silk"; } else if (/Chrome/.test(ua)) { return "Chrome"; } else if (/Firefox/.test(ua)) { return "Firefox"; } else if (android) { return "AOSP"; } else if (/MSIE|Trident/.test(ua)) { return "IE"; } else if (/Safari\//.test(ua)) { return "Safari"; } else if (/AppleWebKit/.test(ua)) { return "WebKit"; } return ""; } function _detectBrowserVersion(ua, browser) { if (browser === "Opera") { return /Opera Mini/.test(ua) ? _getVersion(ua, "Opera Mini/") : / OPR/.test(ua) ? _getVersion(ua, " OPR/") : _getVersion(ua, " OPT/"); } else if (browser === "Chrome for iOS") { return _getVersion(ua, "CriOS/"); } else if (browser === "Edge") { return _getVersion(ua, "Edge/"); } else if (browser === "Chrome") { return _getVersion(ua, "Chrome/"); } else if (browser === "Firefox") { return _getVersion(ua, "Firefox/"); } else if (browser === "Silk") { return _getVersion(ua, "Silk/"); } else if (browser === "AOSP") { return _getVersion(ua, "Version/"); } else if (browser === "IE") { return /IEMobile/.test(ua) ? _getVersion(ua, "IEMobile/") : /MSIE/.test(ua) ? _getVersion(ua, "MSIE ") : _getVersion(ua, "rv:"); } else if (browser === "Safari") { return _getVersion(ua, "Version/"); } else if (browser === "WebKit") { return _getVersion(ua, "WebKit/"); } return "0.0.0"; } function _getVersion(ua, token) { try { return _normalizeSemverString(ua.split(token)[1].trim().split(/[^\w\.]/)[0]); } catch (o_O) { } return "0.0.0"; } function _normalizeSemverString(version) { const ary = version.split(/[\._]/); return (parseInt(ary[0], 10) || 0) + "." + (parseInt(ary[1], 10) || 0) + "." + (parseInt(ary[2], 10) || 0); } function _isWebView(ua, os, browser, version, options) { switch (os + browser) { case "iOSSafari": return false; case "iOSWebKit": return _isWebView_iOS(options); case "AndroidAOSP": return false; case "AndroidChrome": return parseFloat(version) >= 42 ? /; wv/.test(ua) : /\d{2}\.0\.0/.test(version) ? true : _isWebView_Android(options); } return false; } function _isWebView_iOS(options) { const document = (window["document"] || {}); if ("WEB_VIEW" in options) { return options["WEB_VIEW"]; } return !("fullscreenEnabled" in document || "webkitFullscreenEnabled" in document || false); } function _isWebView_Android(options) { if ("WEB_VIEW" in options) { return options["WEB_VIEW"]; } return !("requestFileSystem" in window || "webkitRequestFileSystem" in window || false); } const options = {}, nav = window.navigator || {}, ua = nav.userAgent || "", os = _detectOS(ua), browser = _detectBrowser(ua), browserVersion = _detectBrowserVersion(ua, browser); isWebView = _isWebView(ua, os, browser, browserVersion, options); } return isWebView; } function isAllowedWebViewForUserAgent(provider) { const facebookAllowedWebViews = [ 'Instagram', 'FBAV', 'FBAN' ]; let whitelist = []; if (provider && provider === 'facebook') { whitelist = facebookAllowedWebViews; } const nav = window.navigator || {}, ua = nav.userAgent || ""; if (whitelist.length && ua.match(new RegExp(whitelist.join('|')))) { return true; } return false; } function disableButtonInWebView(providerButtonElement) { if (providerButtonElement) { providerButtonElement.classList.add('nsl-disabled-provider'); providerButtonElement.setAttribute('href', '#'); providerButtonElement.addEventListener('pointerdown', (e) => { if (!window._nslWebViewNoticeElement) { window._nslWebViewNoticeElement = document.createElement('div'); window._nslWebViewNoticeElement.id = "nsl-notices-fallback"; window._nslWebViewNoticeElement.addEventListener('pointerdown', function (e) { this.parentNode.removeChild(this); window._nslWebViewNoticeElement = null; }); const webviewNoticeHTML = '<div class="error"><p>' + scriptOptions._localizedStrings.webview_notification_text + '</p></div>'; window._nslWebViewNoticeElement.insertAdjacentHTML("afterbegin", webviewNoticeHTML); document.body.appendChild(window._nslWebViewNoticeElement); } }); } } window._nslDOMReady(function () { window.nslRedirect = function (url) { if (scriptOptions._redirectOverlay) { const overlay = document.createElement('div'); overlay.id = "nsl-redirect-overlay"; let overlayHTML = ''; const overlayContainer = "<div id='nsl-redirect-overlay-container'>", overlayContainerClose = "</div>", overlaySpinner = "<div id='nsl-redirect-overlay-spinner'></div>", overlayTitle = "<p id='nsl-redirect-overlay-title'>" + scriptOptions._localizedStrings.redirect_overlay_title + "</p>", overlayText = "<p id='nsl-redirect-overlay-text'>" + scriptOptions._localizedStrings.redirect_overlay_text + "</p>"; switch (scriptOptions._redirectOverlay) { case "overlay-only": break; case "overlay-with-spinner": overlayHTML = overlayContainer + overlaySpinner + overlayContainerClose; break; default: overlayHTML = overlayContainer + overlaySpinner + overlayTitle + overlayText + overlayContainerClose; break; } overlay.insertAdjacentHTML("afterbegin", overlayHTML); document.body.appendChild(overlay); } window.location = url; }; let targetWindow = scriptOptions._targetWindow || 'prefer-popup', lastPopup = false; document.addEventListener('click', function (e) { if (e.target) { const buttonLinkElement = e.target.closest('a[data-plugin="nsl"][data-action="connect"]') || e.target.closest('a[data-plugin="nsl"][data-action="link"]'); if (buttonLinkElement) { if (lastPopup && !lastPopup.closed) { e.preventDefault(); lastPopup.focus(); } else { let href = buttonLinkElement.href, success = false; if (href.indexOf('?') !== -1) { href += '&'; } else { href += '?'; } const redirectTo = buttonLinkElement.dataset.redirect; if (redirectTo === 'current') { href += 'redirect=' + encodeURIComponent(window.location.href) + '&'; } else if (redirectTo && redirectTo !== '') { href += 'redirect=' + encodeURIComponent(redirectTo) + '&'; } if (targetWindow !== 'prefer-same-window' && checkWebView()) { targetWindow = 'prefer-same-window'; } if (targetWindow === 'prefer-popup') { lastPopup = NSLPopup(href + 'display=popup', 'nsl-social-connect', buttonLinkElement.dataset.popupwidth, buttonLinkElement.dataset.popupheight); if (lastPopup) { success = true; e.preventDefault(); } } else if (targetWindow === 'prefer-new-tab') { const newTab = window.open(href + 'display=popup', '_blank'); if (newTab) { if (window.focus) { newTab.focus(); } success = true; window._nslHasOpenedPopup = true; e.preventDefault(); } } if (!success) { window.location = href; e.preventDefault(); } } } } }); let buttonCountChanged = false; const googleLoginButtons = document.querySelectorAll(' a[data-plugin="nsl"][data-provider="google"]'); if (googleLoginButtons.length && checkWebView()) { googleLoginButtons.forEach(function (googleLoginButton) { if (scriptOptions._unsupportedWebviewBehavior === 'disable-button') { disableButtonInWebView(googleLoginButton); } else { googleLoginButton.remove(); buttonCountChanged = true; } }); } const facebookLoginButtons = document.querySelectorAll(' a[data-plugin="nsl"][data-provider="facebook"]'); if (facebookLoginButtons.length && checkWebView() && /Android/.test(window.navigator.userAgent) && !isAllowedWebViewForUserAgent('facebook')) { facebookLoginButtons.forEach(function (facebookLoginButton) { if (scriptOptions._unsupportedWebviewBehavior === 'disable-button') { disableButtonInWebView(facebookLoginButton); } else { facebookLoginButton.remove(); buttonCountChanged = true; } }); } const separators = document.querySelectorAll('div.nsl-separator'); if (buttonCountChanged && separators.length) { separators.forEach(function (separator) { const separatorParentNode = separator.parentNode; if (separatorParentNode) { const separatorButtonContainer = separatorParentNode.querySelector('div.nsl-container-buttons'); if (separatorButtonContainer && !separatorButtonContainer.hasChildNodes()) { separator.remove(); } } }) } });})();</script> <div id="io-modal-login" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-scrollable modal-md" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">تسجيل الدخول مطلوب</h5> <button type="button" class="close" data-dismiss="modal" aria-label="يغلق"> <i class="ti ti-x" aria-hidden="true" data-no-translation=""></i> </button> </div> <div class="modal-body"> لو سمحت <a class="white bg-blue rounded p-1 pl-1 pr-2" rel="nofollow" href="https://iotools.cloud/ar/account/"><i class="ti ti-user-circle" data-no-translation=""></i> تسجيل الدخول</a> أو <a rel="nofollow" href="https://iotools.cloud/ar/register/"><u>يسجل</u></a> لإدارة الإشارات المرجعية الخاصة بك. انه مجانا! </div> </div> </div> </div> <div id="io-modal-request" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-scrollable modal-md" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">تسجيل الدخول مطلوب</h5> <button type="button" class="close" data-dismiss="modal" aria-label="يغلق"> <i class="ti ti-x" aria-hidden="true" data-no-translation=""></i> </button> </div> <div class="modal-body"> لو سمحت <a class="white bg-blue rounded p-1 pl-1 pr-2" rel="nofollow" href="https://iotools.cloud/ar/account/?redirect_to=https://iotools.cloud/ar/account/request-tool/"><i class="ti ti-user-circle" data-no-translation=""></i> تسجيل الدخول</a> أو <a rel="nofollow" href="https://iotools.cloud/ar/register/?redirect_to=https://iotools.cloud/ar/account/request-tool/"><u>يسجل</u></a> لتقديم طلب الأداة. انه مجانا! </div> </div> </div> </div> <div id="io-modal-community" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-scrollable modal-md" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">تسجيل الدخول مطلوب</h5> <button type="button" class="close" data-dismiss="modal" aria-label="يغلق"> <i class="ti ti-x" aria-hidden="true" data-no-translation=""></i> </button> </div> <div class="modal-body"> لو سمحت <a class="white bg-blue rounded p-1 pl-1 pr-2" rel="nofollow" href="https://iotools.cloud/ar/account/?redirect_to=https://iotools.cloud/ar/account/byo/"><i class="ti ti-user-circle" data-no-translation=""></i> تسجيل الدخول</a> أو <a rel="nofollow" href="https://iotools.cloud/ar/register/?redirect_to=https://iotools.cloud/ar/account/byo/"><u>يسجل</u></a> لبناء أداة خاصة بك. إنها مجانية! <div class="card mt-4 mb-0"> <div class="card-body"> <h5><i class="ti ti-info-circle" data-no-translation=""></i> حول Build Your Own (BYO) Builder</h5> <p>تتيح لك ميزة BYO Builder إنشاء أدوات مخصصة دون أي معرفة بالبرمجة. يمكنك:</p> <ul> <li>إنشاء أدوات تعمل بالذكاء الاصطناعي باستخدام واجهتنا البسيطة</li> <li>شارك أدواتك مع المجتمع</li> <li>احصل على تعليقات وقم بتحسين أدواتك</li> <li>ساعد الآخرين في حل المشكلات من خلال إبداعاتك</li> </ul> <p class="mb-0">انضم إلينا <a href="https://iotools.cloud/ar/community-tools/"><u>مجتمع</u></a> اليوم وابدأ في بناء الأدوات التي تصنع الفارق!</p> </div> </div> </div> </div> </div> </div> <div id="cf-turnstile" data-sitekey="0x4AAAAAABroE5_aI0mWeJ_q" data-appearance="execute"></div> </body> </html>