search

mjmlio / mjml

MJML: the only framework that makes responsive-email easy
https://mjml.io
MIT License
17.08k stars 960 forks source link

API Return JSON bad Sometimes #1637

Closed LSERRE closed 5 years ago

LSERRE commented 5 years ago

Describe the bug Request API with template randomly return wrong formated JSON The problems happens like 1 times on 2 tries.

To Reproduce Steps to reproduce the behavior:

$ch = curl_init('https://api.mjml.io/v1/render');
curl_setopt($ch, CURLOPT_USERPWD, $username . ":" . $password);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, '{ "mjml": "<mjml>\n <mj-head>\n <mj-title>*|MC:SUBJECT|*<\/mj-title>\n <mj-attributes>\n <mj-text padding=\"0\" color=\"#121213\" line-height=\"21px\" \/>\n <mj-image padding=\"15px\" \/>\n <mj-button border-radius=\"0px\" font-size=\"10px\" line-height=\"10px\" background-color=\"#121213\" inner-padding=\"20px 40px 18px 40px\" text-transform=\"uppercase\" font-weight=\"900\" color=\"white\" \/>\n <mj-section padding-bottom=\"0\" padding-top=\"10px\" \/>\n <mj-link font-family=\"arial, sans-serif\" font-weight=\"900\" font-size=\"12px\" padding=\"20px 25px\" text-decoration=\"none\" text-transform=\"none\" \/>\n <mj-class name=\"link\" line-height=\"28px\" \/>\n <mj-class name=\"padding-sides\" padding-left=\"60px\" padding-right=\"60px\" \/>\n <mj-class name=\"product-description\" line-height=\"16px\" \/>\n <mj-class name=\"arial\" font-family=\"arial, sans-serif\" \/>\n <mj-class name=\"lead\" font-size=\"20px\" line-height=\"26px\" \/>\n <mj-class name=\"no-padding\" padding=\"0\" \/>\n <mj-class name=\"uppercase\" text-transform=\"uppercase\" \/>\n <mj-all font-family=\"Arial, sans-serif\" \/>\n <\/mj-attributes>\n <mj-style>\n @media all and (max-width: 480px) {\n .centerOnMobile, img[title=\"centerOnMobile\"] {\n display:block !important;\n text-align: center !important;\n width: 100% !important;\n }\n .responsiveImg{\n display: block !important;\n margin:auto !important;\n }\n td[style*=\"vertical-align:middle;background-size:cover\"]{\n vertical-align:bottom !important;\n }\n td[style*=\"vertical-align:middle;background-size:cover\"] .mj-hero-content{\n background-color:#ffffff !important;\n padding-top:20px !important;\n }\n td[style*=\"font-size:0px;padding:0px 60px;\"]{\n padding: 0px 20px !important;\n }\n .bigtitle, .title{\n font-size: 25px !important;\n line-height:25px !important;\n }\n .herotitle{\n font-size: 30px !important;\n line-height:30px !important;\n }\n .mj-inline-links a {\n padding: 10px !important\n }\n }\n a[x-apple-data-detectors] {\n color: inherit !important;\n text-decoration: none !important;\n font-size: inherit !important;\n font-family: inherit !important;\n font-weight: inherit !important;\n line-height: inherit !important;\n }\n a {text-decoration: none;}\n p { margin-bottom: 0 !important; }\n .link-nostyle {\n font-weight:400;\n color: inherit !important;\n text-decoration: none !important;\n }\n <\/mj-style>\n <mj-style inline=\"inline\">\n .navlink{\n letter-spacing:1px ;\n }\n .link{ \n line-height: 28px;\n color: #8bb8ea;\n text-decoration: underline;\n }\n .link-nostyle {\n font-weight:400;\n color: inherit !important;\n text-decoration: none !important;\n }\n a{\n color: #121213;\n text-decoration:none !important;\n }\n p{\n font-size: inherit;\n margin: 0;\n }\n .grey{\n color: #6a6f75;\n }\n h1,h2,h3,h4{\n color: #121213;\n margin-top: 0 !important;\n margin-bottom: 7px;\n font-weight: normal;\n text-transform: uppercase;\n }\n h1{\n font-size: 26px;\n line-height: 34px;\n letter-spacing: 3px;\n }\n h2{\n font-size: 18px;\n line-height: 26px;\n letter-spacing: 3px;\n }\n h3{\n font-size: 16px;\n line-height: 30px;\n color: #898b8d;\n }\n h4{\n font-size: 16px;\n font-weight: bold;\n }\n .bigtitle,\n .herotitle{\n text-transform: uppercase;\n }\n .bigtitle{\n font-size: 50px;\n line-height:45px;\n }\n .herotitle{\n font-size: 80px;\n line-height:60px;\n }\n .bold{\n font-weight:900;\n }\n .text{\n font-size: 13px;\n font-family: arial, helvetica, sans-serif;\n }\n <\/mj-style>\n <\/mj-head>\n\n\n <mj-body>\n <mj-container background-color=\"#ffffff\" width=\"660px\">\n\n <mj-raw>\n <!--\n******************************************************************\n PREHEADER\n******************************************************************\n -->\n <div style=\"display:none;text-align:center;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;\">\n Maison Test\n <\/div>\n <\/mj-raw>\n\n <mj-section padding=\"5px 0 0\">\n <mj-column>\n <mj-text mj-class=\"arial\" font-size=\"11px\" align=\"center\" color=\"#9da0a3\" padding-bottom=\"25px\">\n Si vous ne pouvez pas lire cet email, <a href=\"http:\/\/app.activetrail.com\/ShowCampaign.aspx\">cliquez ici<\/a> <\/mj-text>\n\n <!-- logo -->\n <mj-image width=\"150\" padding=\"0 25px\" href=\"https:\/\/www.Test.com\/\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/themes\/Test\/assets\/images\/newsletter\/logo.png\"><\/mj-image>\n\n <\/mj-column>\n <\/mj-section>\n\n <mj-raw>\n <!--\n******************************************************************\n END PREHEADER\n******************************************************************\n -->\n <\/mj-raw>\n\n\n \n <mj-navbar padding=\"10px 0\">\n <mj-column>\n <mj-inline-links base-url=\"\">\n \n <mj-link href=\"https:\/\/google.fr\" mj-class=\"uppercase\">\n <span class=\"navlink\">Femme<\/span>\n <\/mj-link>\n\n \n <mj-link href=\"https:\/\/google.fr\" mj-class=\"uppercase\">\n <span class=\"navlink\">Homme<\/span>\n <\/mj-link>\n\n \n <mj-link href=\"https:\/\/google.fr\" mj-class=\"uppercase\">\n <span class=\"navlink\">Enfant<\/span>\n <\/mj-link>\n\n \n <mj-link href=\"https:\/\/google.fr\" mj-class=\"uppercase\">\n <span class=\"navlink\">Maison Test<\/span>\n <\/mj-link>\n\n \n <mj-link href=\"https:\/\/google.fr\" mj-class=\"uppercase\">\n <span class=\"navlink\">Actualit\u00e9s<\/span>\n <\/mj-link>\n\n <\/mj-inline-links>\n <\/mj-column>\n <\/mj-navbar>\n\n\n\n <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n <mj-image href=\"https:\/\/google.fr\" padding=\"0\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.56.57-1-660x0.png\" \/>\n <\/mj-column>\n <\/mj-section>\n\n <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n \t<mj-raw>\n <tr>\n <td>\n <!--[if mso | IE]>\n \n <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"50\" style=\"vertical-align:top;height:50px;\">\n \n <![endif]-->\n\n <div style=\"height:30px; line-height:30px; font-size:1px;\">\n <!-- can't touch this -->\n &nbsp;\n <!-- can't touch this -->\n <\/div>\n\n <!--[if mso | IE]>\n \n <\/td><\/tr><\/table>\n \n <![endif]-->\n <\/td>\n <\/tr> \n \t<\/mj-raw>\n \t<\/mj-column>\n <\/mj-section>\n\n<mj-section padding-top=\"30px\" padding-bottom=\"0\">\n <mj-column >\n <mj-text align=\"center\" mj-class=\"padding-sides\">\n <h1>\n <p>NEW IN THE Test&#8217;s SHOP<\/p>\n <\/h1>\n <\/mj-text>\n <\/mj-column>\n<\/mj-section>\n\n\n<mj-section>\n <mj-column >\n <mj-text align=\"center\" mj-class=\"padding-sides arial\">\n <strong>Lorem ipsum<\/strong> dolor sit amet, consectetur adipiscing elit. Etiam accumsan arcu in lobortis laoreet. Sed vulputate mattis sapien sed interdum. Donec a nisl metus. Maecenas aliquet sapien eu sem efficitur accumsan. <\/mj-text>\n <\/mj-column>\n<\/mj-section>\n<mj-section>\n\t<mj-column>\n\t\t<mj-button href=\"https:\/\/Test.com\">\n\t\t\t<span style=\"letter-spacing: 2px;\">Voir la collection<\/span>\n\t\t<\/mj-button>\n\t<\/mj-column>\n<\/mj-section> <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n \t<mj-raw>\n <tr>\n <td>\n <!--[if mso | IE]>\n \n <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"50\" style=\"vertical-align:top;height:50px;\">\n \n <![endif]-->\n\n <div style=\"height:100px; line-height:100px; font-size:1px;\">\n <!-- can't touch this -->\n &nbsp;\n <!-- can't touch this -->\n <\/div>\n\n <!--[if mso | IE]>\n \n <\/td><\/tr><\/table>\n \n <![endif]-->\n <\/td>\n <\/tr> \n \t<\/mj-raw>\n \t<\/mj-column>\n <\/mj-section>\n\n <mj-section padding-top=\"0px\">\n\n \n <mj-column vertical-align=\"top\">\n \n <mj-image src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.57.16-2-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n <mj-text padding=\"15px 30px 10px\" container-background-color=\"#ffffff\" mj-class=\"centerOnMobile\" align=\"center\">\n <h2 class=\"centerOnMobile\">\n TITLE Test <\/h2>\n <span class=\"centerOnMobile\">\n <span class=\"text\"><p><strong>Lorem ipsum<\/strong> dolor sit amet, consectetur adipiscing elit. Etiam accumsan arcu in lobortis laoreet. Sed vulputate mattis sapien sed interdum. Donec a nisl metus. Maecenas aliquet sapien eu sem efficitur accumsan.<\/p>\n<\/span>\n <\/span>\n <\/mj-text>\n\n \n \n <\/mj-column>\n\n <mj-column vertical-align=\"top\">\n \n <mj-image href=\"https:\/\/google.fr\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.57.30-2-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n <mj-text padding=\"15px 30px 10px\" container-background-color=\"#ffffff\" mj-class=\"centerOnMobile\" align=\"center\">\n <h2 class=\"centerOnMobile\">\n Test TITLE <\/h2>\n <span class=\"centerOnMobile\">\n <span class=\"text\"><p><strong>Lorem ipsum<\/strong> dolor sit amet, consectetur adipiscing elit. Etiam accumsan arcu in lobortis laoreet. Sed vulputate mattis sapien sed interdum. Donec a nisl metus. Maecenas aliquet sapien eu sem efficitur accumsan.<\/p>\n<\/span>\n <\/span>\n <\/mj-text>\n\n \n <!-- <mj-text padding-left=\"10px\" padding-top=\"0\" mj-class=\"link centerOnMobile\" container-background-color=\"#ffffff\">\n <a href=\"#\" title=\"Shop now\" class=\"centerOnMobile\">Shop now<\/a>\n <\/mj-text> -->\n \n <\/mj-column>\n\n \n <\/mj-group>\n \n <\/mj-section>\n\n <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n \t<mj-raw>\n <tr>\n <td>\n <!--[if mso | IE]>\n \n <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"50\" style=\"vertical-align:top;height:50px;\">\n \n <![endif]-->\n\n <div style=\"height:30px; line-height:30px; font-size:1px;\">\n <!-- can't touch this -->\n &nbsp;\n <!-- can't touch this -->\n <\/div>\n\n <!--[if mso | IE]>\n \n <\/td><\/tr><\/table>\n \n <![endif]-->\n <\/td>\n <\/tr> \n \t<\/mj-raw>\n \t<\/mj-column>\n <\/mj-section>\n\n\n <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n <mj-image href=\"#\" padding=\"0\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.57.46-3-660x0.png\" \/>\n <\/mj-column>\n <\/mj-section>\n\n \n\n <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n <mj-image href=\"#\" padding=\"0 100px 0 100px\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.58.16-3-660x0.png\" \/>\n <\/mj-column>\n <\/mj-section>\n\n <mj-section>\n\t<mj-column>\n\t\t<mj-button href=\"https:\/\/Test.com\">\n\t\t\t<span style=\"letter-spacing: 2px;\">EN SAVOIR PLUS<\/span>\n\t\t<\/mj-button>\n\t<\/mj-column>\n<\/mj-section> <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n \t<mj-raw>\n <tr>\n <td>\n <!--[if mso | IE]>\n \n <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"50\" style=\"vertical-align:top;height:50px;\">\n \n <![endif]-->\n\n <div style=\"height:30px; line-height:30px; font-size:1px;\">\n <!-- can't touch this -->\n &nbsp;\n <!-- can't touch this -->\n <\/div>\n\n <!--[if mso | IE]>\n \n <\/td><\/tr><\/table>\n \n <![endif]-->\n <\/td>\n <\/tr> \n \t<\/mj-raw>\n \t<\/mj-column>\n <\/mj-section>\n\n<mj-section >\n <mj-column width=\"66%\">\n <mj-image href=\"https:\/\/google.fr\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.58.32-2-430x0.png\" \/>\n\n <mj-text padding=\"20px 40px\" mj-class=\"centerOnMobile\" align=\"center\">\n <h2>\n TITLE Test <\/h2>\n <span class=\"centerOnMobile\">\n <span class=\"text\"><p><strong>Lorem ipsum<\/strong> dolor sit amet, consectetur adipiscing elit. Etiam accumsan arcu in lobortis laoreet. Sed vulputate mattis sapien sed interdum. Donec a nisl metus. Maecenas aliquet sapien eu sem efficitur accumsan.<\/p>\n<\/span>\n <\/span>\n <\/mj-text>\n \n <\/mj-column>\n <mj-column width=\"33%\" >\n <mj-image href=\"\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.58.47-2-200x300.png\" \/>\n <mj-image href=\"\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.59.06-1-200x300.png\" \/>\n <\/mj-column>\n<\/mj-section>\n\n<mj-section direction='rtl'>\n <mj-column width=\"66%\">\n <mj-image href=\"\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.58.32-2-430x0.png\" \/>\n\n <mj-text padding=\"20px 40px\" mj-class=\"centerOnMobile\" align=\"center\">\n <h2>\n TITLE Test GAUCHE <\/h2>\n <span class=\"centerOnMobile\">\n <span class=\"text\"><p><strong>Lorem ipsum<\/strong> dolor sit amet, consectetur adipiscing elit. Etiam accumsan arcu in lobortis laoreet. Sed vulputate mattis sapien sed interdum. Donec a nisl metus. Maecenas aliquet sapien eu sem efficitur accumsan.<\/p>\n<\/span>\n <\/span>\n <\/mj-text>\n \n <\/mj-column>\n <mj-column width=\"33%\" >\n <mj-image href=\"\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.58.47-2-200x300.png\" \/>\n <mj-image href=\"\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.59.06-1-200x300.png\" \/>\n <\/mj-column>\n<\/mj-section>\n<mj-section>\n\t<mj-column>\n\t\t<mj-button href=\"https:\/\/Test.com\">\n\t\t\t<span style=\"letter-spacing: 2px;\">LIRE LA SUITE<\/span>\n\t\t<\/mj-button>\n\t<\/mj-column>\n<\/mj-section> <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n \t<mj-raw>\n <tr>\n <td>\n <!--[if mso | IE]>\n \n <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"50\" style=\"vertical-align:top;height:50px;\">\n \n <![endif]-->\n\n <div style=\"height:30px; line-height:30px; font-size:1px;\">\n <!-- can't touch this -->\n &nbsp;\n <!-- can't touch this -->\n <\/div>\n\n <!--[if mso | IE]>\n \n <\/td><\/tr><\/table>\n \n <![endif]-->\n <\/td>\n <\/tr> \n \t<\/mj-raw>\n \t<\/mj-column>\n <\/mj-section>\n\n<mj-section >\n <mj-column vertical-align=\"middle\">\n <mj-image href=\"#\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.58.47-2-280x0.png\" \/>\n <\/mj-column>\n <mj-column vertical-align=\"middle\">\n <mj-text padding=\"15px 15px 0\" mj-class=\"centerOnMobile\" align=\"center\">\n <span class=\"centerOnMobile\">\n <h2>\n TITLE Test <\/h2>\n <span class=\"text\"><p><strong>Lorem ipsum<\/strong> dolor sit amet, consectetur adipiscing elit.<\/p>\n<\/span>\n <\/span>\n <\/mj-text>\n <\/mj-column>\n<\/mj-section>\n\n<mj-section direction='rtl'>\n <mj-column vertical-align=\"middle\">\n <mj-image href=\"#\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.59.58-1-280x0.png\" \/>\n <\/mj-column>\n <mj-column vertical-align=\"middle\">\n <mj-text padding=\"15px 15px 0\" mj-class=\"centerOnMobile\" align=\"center\">\n <span class=\"centerOnMobile\">\n <h2>\n TITLE Test <\/h2>\n <span class=\"text\"><p><strong>Lorem ipsum<\/strong> dolor sit amet, consectetur adipiscing elit.<\/p>\n<\/span>\n <\/span>\n <\/mj-text>\n <\/mj-column>\n<\/mj-section>\n\n <mj-section padding-top=\"0px\">\n\n \n <mj-column vertical-align=\"top\">\n \n <mj-image src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-15.00.07-1-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n \n <\/mj-column>\n\n <mj-column vertical-align=\"top\">\n \n <mj-image src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-15.01.12-1-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n \n <\/mj-column>\n\n <mj-column vertical-align=\"top\">\n \n <mj-image src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-15.00.22-1-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n \n <\/mj-column>\n\n \n <\/mj-group>\n \n <\/mj-section>\n\n \n <mj-section padding-top=\"0px\">\n\n <mj-group>\n \n <mj-column vertical-align=\"top\">\n \n <mj-image src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.58.47-2-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n \n <\/mj-column>\n\n <mj-column vertical-align=\"top\">\n \n <mj-image src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.59.06-1-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n \n <\/mj-column>\n\n <mj-column vertical-align=\"top\">\n \n <mj-image src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-14.58.47-2-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n \n <\/mj-column>\n\n \n \n <\/mj-section>\n\n \n <mj-section padding-top=\"0px\">\n\n <mj-group>\n \n <mj-column vertical-align=\"top\">\n \n <mj-image src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-15.00.22-1-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n \n <\/mj-column>\n\n <mj-column vertical-align=\"top\">\n \n <mj-image src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-15.01.12-1-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n \n <\/mj-column>\n\n <mj-column vertical-align=\"top\">\n \n <mj-image src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-15.00.22-1-280x0.png\" padding=\"0px 15px\" \/>\n \n \n \n \n <\/mj-column>\n\n \n \n <\/mj-section>\n\n <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n \t<mj-raw>\n <tr>\n <td>\n <!--[if mso | IE]>\n \n <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"50\" style=\"vertical-align:top;height:50px;\">\n \n <![endif]-->\n\n <div style=\"height:30px; line-height:30px; font-size:1px;\">\n <!-- can't touch this -->\n &nbsp;\n <!-- can't touch this -->\n <\/div>\n\n <!--[if mso | IE]>\n \n <\/td><\/tr><\/table>\n \n <![endif]-->\n <\/td>\n <\/tr> \n \t<\/mj-raw>\n \t<\/mj-column>\n <\/mj-section>\n\n<mj-section padding-top=\"30px\" padding-bottom=\"0\">\n <mj-column >\n <mj-text align=\"center\" mj-class=\"padding-sides\">\n <h1>\n <p>NEW IN THE Test&#8217;S SHOP<\/p>\n <\/h1>\n <\/mj-text>\n <\/mj-column>\n<\/mj-section>\n\n <mj-section padding-top=\"0\">\n <mj-column >\n <mj-text align=\"center\" mj-class=\"padding-sides\">\n <h3>\n <p>Maecenas aliquet sapien eu sem efficitur accumsan.<\/p>\n <\/h3>\n <\/mj-text>\n <\/mj-column>\n <\/mj-section>\n\n<mj-section>\n <mj-column >\n <mj-text align=\"center\" mj-class=\"padding-sides arial\">\n <strong>Lorem ipsum<\/strong> dolor sit amet, consectetur adipiscing elit. Etiam accumsan arcu in lobortis laoreet. Sed vulputate mattis sapien <span style=\"text-decoration: underline;\">sed interdum<\/span>. Donec a nisl metus. Maecenas aliquet sapien eu sem efficitur accumsan. <\/mj-text>\n <\/mj-column>\n<\/mj-section>\n<mj-section>\n\t<mj-column>\n\t\t<mj-button href=\"https:\/\/Test.com\">\n\t\t\t<span style=\"letter-spacing: 2px;\">ACHETER<\/span>\n\t\t<\/mj-button>\n\t<\/mj-column>\n<\/mj-section> <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n \t<mj-raw>\n <tr>\n <td>\n <!--[if mso | IE]>\n \n <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"50\" style=\"vertical-align:top;height:50px;\">\n \n <![endif]-->\n\n <div style=\"height:30px; line-height:30px; font-size:1px;\">\n <!-- can't touch this -->\n &nbsp;\n <!-- can't touch this -->\n <\/div>\n\n <!--[if mso | IE]>\n \n <\/td><\/tr><\/table>\n \n <![endif]-->\n <\/td>\n <\/tr> \n \t<\/mj-raw>\n \t<\/mj-column>\n <\/mj-section>\n\n<mj-section>\n <mj-column width=\"75%\" vertical-align=\"middle\">\n <mj-text font-size=\"24px\" line-height=\"32px\" letter-spacing=\"1px\" font-style=\"italic\" padding=\"20px\" color=\"#5e6062\" align=\"center\">\n &quot;\n Ceci est une citation de Pierre Colorz. &quot;\n <\/mj-text>\n\n \n <mj-text mj-class=\"arial\" align=\"center\" color=\"#898b8d\" text-transform=\"uppercase\" font-size=\"12px\" padding=\"0\">\n Pierre Colorz <\/mj-text>\n\n \n <\/mj-column>\n<\/mj-section> <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n \t<mj-raw>\n <tr>\n <td>\n <!--[if mso | IE]>\n \n <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"50\" style=\"vertical-align:top;height:50px;\">\n \n <![endif]-->\n\n <div style=\"height:30px; line-height:30px; font-size:1px;\">\n <!-- can't touch this -->\n &nbsp;\n <!-- can't touch this -->\n <\/div>\n\n <!--[if mso | IE]>\n \n <\/td><\/tr><\/table>\n \n <![endif]-->\n <\/td>\n <\/tr> \n \t<\/mj-raw>\n \t<\/mj-column>\n <\/mj-section>\n\n <mj-section padding-top=\"0\">\n\n \n <mj-column vertical-align=\"top\">\n <!-- image + text -->\n \n <mj-image href=\"http:\/\/Test.dev6.colorz.fr\/fr\/news\/plus-d-actualitescollections-homme-backstage\/\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/01\/dsc00146-1-280x0.jpg\" padding=\"0 15px\" \/>\n \n \n \n <mj-text padding=\"50px 30px 35px\" container-background-color=\"#ffffff\" mj-class=\"centerOnMobile\" align=\"center\">\n <h2 class=\"centerOnMobile\">\n Backstage du D\u00e9fil\u00e9 Homme Hiver 2018 <\/h2>\n <span class=\"centerOnMobile\">\n <span class=\"text\"><\/span>\n <\/span>\n <\/mj-text>\n\n \n <\/mj-column>\n\n <mj-column vertical-align=\"top\">\n <!-- image + text -->\n \n <mj-image href=\"http:\/\/Test.dev6.colorz.fr\/fr\/news\/plus-d-actualitescollections-femme\/\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/01\/lvn_ss18_wsp_03-3-280x0.jpg\" padding=\"0 15px\" \/>\n \n \n \n <mj-text padding=\"50px 30px 35px\" container-background-color=\"#ffffff\" mj-class=\"centerOnMobile\" align=\"center\">\n <h2 class=\"centerOnMobile\">\n Campagne de la Collection Femme \u00c9t\u00e9 2018 <\/h2>\n <span class=\"centerOnMobile\">\n <span class=\"text\"><\/span>\n <\/span>\n <\/mj-text>\n\n \n <\/mj-column>\n\n \n <\/mj-group>\n \n <\/mj-section>\n\n <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n \t<mj-raw>\n <tr>\n <td>\n <!--[if mso | IE]>\n \n <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"50\" style=\"vertical-align:top;height:50px;\">\n \n <![endif]-->\n\n <div style=\"height:30px; line-height:30px; font-size:1px;\">\n <!-- can't touch this -->\n &nbsp;\n <!-- can't touch this -->\n <\/div>\n\n <!--[if mso | IE]>\n \n <\/td><\/tr><\/table>\n \n <![endif]-->\n <\/td>\n <\/tr> \n \t<\/mj-raw>\n \t<\/mj-column>\n <\/mj-section>\n\n<mj-section>\n <mj-column>\n <mj-spacer height=\"40px\" \/>\n <\/mj-column>\n<\/mj-section>\n\n<mj-section>\n <mj-column>\n <mj-text mj-class=\"padding-sides\" align=\"center\">\n <h1>@Testofficial<\/h1>\n <h3>Instagram<\/h3>\n <\/mj-text>\n <\/mj-column>\n<\/mj-section>\n\n<mj-section>\n <mj-column>\n <mj-spacer height=\"40px\" \/>\n <\/mj-column>\n<\/mj-section>\n\n<mj-section>\n <mj-column>\n <mj-group>\n <mj-column>\n <mj-image width=\"165\" href=\"https:\/\/google.fr \" mj-class=\"no-padding\" padding-top=\"50px\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-15.02.13-1-180x180.png\" \/>\n <\/mj-column>\n <mj-column>\n <mj-image width=\"165\" href=\"https:\/\/google.fr \" mj-class=\"no-padding\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-15.02.26-1-180x180.png\" \/>\n <\/mj-column>\n <\/mj-group>\n <\/mj-column>\n <mj-column>\n <mj-group>\n <mj-column>\n <mj-image width=\"165\" href=\"https:\/\/google.fr \" mj-class=\"no-padding\" padding-top=\"50px\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-15.02.13-1-180x180.png\" \/>\n <\/mj-column>\n <mj-column>\n <mj-image width=\"165\" href=\"https:\/\/google.fr \" mj-class=\"no-padding\" src=\"http:\/\/Test.dev6.colorz.fr\/wp-content\/uploads\/2018\/04\/screenshot-2018-04-30-15.02.26-1-180x180.png\" \/>\n <\/mj-column>\n <\/mj-group>\n <\/mj-column>\n<\/mj-section>\n <mj-section>\n <mj-column width=\"100%\" align=\"center\">\n \t<mj-raw>\n <tr>\n <td>\n <!--[if mso | IE]>\n \n <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td height=\"50\" style=\"vertical-align:top;height:50px;\">\n \n <![endif]-->\n\n <div style=\"height:30px; line-height:30px; font-size:1px;\">\n <!-- can't touch this -->\n &nbsp;\n <!-- can't touch this -->\n <\/div>\n\n <!--[if mso | IE]>\n \n <\/td><\/tr><\/table>\n \n <![endif]-->\n <\/td>\n <\/tr> \n \t<\/mj-raw>\n \t<\/mj-column>\n <\/mj-section>\n\n <mj-raw>\n <!--\n ******************************************************************\n FOOTER\n ******************************************************************\n -->\n <\/mj-raw>\n\n <mj-section padding-bottom=\"40px\" mj-class=\"padding-sides\">\n <mj-column align=\"center\">\n <mj-text mj-class=\"arial\" align=\"center\" color=\"#898b8d\">\n \u00a92019 Test. All Rights Reserved. <\/mj-text>\n <\/mj-column>\n <\/mj-section>\n\n <mj-raw>\n <!--\n ******************************************************************\n END FOOTER - START SUBFOOTER\n ******************************************************************\n -->\n <\/mj-raw>\n\n <mj-section\n background-color=\"#121213\"\n padding-top=\"40px\"\n padding-bottom=\"40px\"\n padding=\"40px\">\n <mj-column>\n <mj-text align=\"center\" color=\"#898b8d\" line-height=\"16px\">\n <small>\n \u30e1\u30fc\u30eb\u914d\u4fe1\u306e\u505c\u6b62\u3092\u5e0c\u671b\u3055\u308c\u308b\u65b9\u306f\u3001\u304a\u4f7f\u3044\u306e\u30e1\u30fc\u30eb\u30dc\u30c3\u30af\u30b9\u3088\u308a\u3053\u3061\u3089\u306e\u30ea\u30f3\u30af\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u304f\u3060\u3055\u3044\uff1a <a href=\"http:\/\/app.activetrail.com\/OptOut.aspx\" style=\"text-transfrom:uppercase; color:#ffffff;\">D\u00c9SABONNEMENT<\/a>.\n <br\/>\n \u304a\u5ba2\u69d8\u306e\u610f\u306b\u53cd\u3059\u308bE\u30e1\u30fc\u30eb\u3092\u9001\u4fe1\u3057\u305f\u3053\u3068\u306b\u304a\u8a6b\u3073\u7533\u3057\u4e0a\u3052\u307e\u3059\u3002<br>\n <\/small>\n <\/mj-text>\n <\/mj-column>\n <\/mj-section>\n <\/mj-container>\n <\/mj-body>\n<\/mjml>" }'; );

Expected behavior API should return a valid JSON everytime

iRyusa commented 5 years ago

Hi!

Can you paste the faulty JSON here?

iRyusa commented 5 years ago

Well i'm closing for now feel free to reopen with the wrong output so we can identify what's going on