Вставить условные комментарии в заголовок с помощью mjml - PullRequest
Новая
       103

Вставить условные комментарии в заголовок с помощью mjml

0 голосов
/ 03 августа 2020

У меня есть 2 разных макета для компонента электронной почты. Один предназначен для настольных компьютеров, а другой - для мобильных. Поскольку display:none не работает в Outlook, я пытаюсь скрыть там всю мобильную версию. Я использую React с mjml для отображения электронного письма. Я не могу найти способ поместить условные комментарии с тегом стиля с помощью mjml.

Я пробовал использовать mj-raw, но он не принимает dangerouslySetInnerHTML prop, который является рекомендуемым способом добавления html комментариев внутри тега. Я подумал об использовании Fragment внутри <mj-head>, но он также не имеет dangerouslySetInnerHTML prop, как я понимаю.

Любой способ вставить следующее внутри head с помощью response и mjml? 

<!--[if mso]><!-->
  <style type="text/css">
  .mobile-only {
    display: none !important;
    mso-hide: all !important;
  }
  </style>
<!--<![endif]-->
...