Skip to main content

Notifications

Announcements

No record found.

Community site session details

Community site session details

Session Id :
Customer experience | Sales, Customer Insights,...
Suggested answer

MJML content block in drag-drop E-Mail Editor

(0) ShareShare
ReportReport
Posted on by Microsoft Employee

We are looking forward to using our own E-Mail template, which is based on components build with MJML.

We want to integrate these as content blocks within the drag-drop Marketing Email Builder. Unfortunately the "HTML source" and "HTML output" are altered in a way so it removes required markup, so components, which are working fine coming from the building process within MJML, will not be displayed correctly anymore in Outlook (tested with Litmus)

Part of a button markup:


    




    

In this case the editor removes "mso-padding-alt", which is required.

WHY does your editor have to change the markup from a custom content block, which shall be independent anyway?

Is there a way to keep the HTML Source and HTML Output 100% the same, which would make sense?

Thank you very much.

  • Suggested answer
    Preeti Rana Profile Picture
    Preeti Rana on at
    RE: MJML content block in drag-drop E-Mail Editor

    hi there! 

    The issue is because of the post processing performed on all of our HTML content which currently does not recognize mso-* css properties. We are working on resolving this issue. 

    In the meantime, a workaround would be to remove the style, add a class=”foo” attribute to the td element, and add the styles for that class in the email’s <style> tag. This would still require manual steps for each block, however.

    Please feel free to create a support ticket for this issue if needed.

    Guidance on creating ticket: https://mbs.microsoft.com/customersource/northamerica/CRM/support/support-lifecycle/CRMSupport

    Thanks,
    Preeti Rana 

  • Community Member Profile Picture
    Community Member Microsoft Employee on at
    RE: MJML content block in drag-drop E-Mail Editor

    Hello Ms. Radulova,

    so if you are aware of this markup change you hopefully also know why you are stripping out certain tags, attributes and javascript. I can't control the validation of the code from my end within the drag-drop E-Mail Editor.

    There is no one doc, which I guess comprises everything, that especially has to be added or altered especially for Outlook versions but it would be best to work together for example in this case with MJML, Litmus who for sure are offering a great documentation of how their code based on their experience works and is validated. Otherwise it would just be great if we as a user can get that flexibility at least within a content block to get what we are entering without that code to be modified by another validator, which we can't control.

    MJML

    https://mjml.io/documentation/

    Litmus

    https://litmus.com/resources

    Thanks :)

  • d_radulova Profile Picture
    d_radulova 2 User Group Leader on at
    RE: MJML content block in drag-drop E-Mail Editor

    Hi @apo,

    I have also noticed some tags and JavaScript stripped out from some marketing emails, and pages.

    I believe what we are asking the community here is - Is there any documentation to point us to where we can see what HTML tags are "allowed" and what would be stripped out at the mark up validation stage?

    I would love to have a look at that doc too.

    Sorry I couldn't be of more help. I understand your frustration, but please remember, we are all just trying to help each other here and do our best.  No need for extra tension. :)

    Thanks,

    -DD

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Vahid Ghafarpour – Community Spotlight

We are excited to recognize Vahid Ghafarpour as our February 2025 Community…

Tip: Become a User Group leader!

Join the ranks of valued community UG leaders

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 292,516 Super User 2025 Season 1

#2
Martin Dráb Profile Picture

Martin Dráb 231,399 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans