Re: Text Editor...Edits Changing HTML? Only seems to be a problem for Mobile...

Anonymous · ‎12-10-2015

Hi there,

I noticed this shift Monday when building emails. I would make a change in the text editor (not HTML), whether it'd be in the text version or editing an existing link, and it would alter the HTML of the email. When I send samples, it looks fine on Desktop, but when look on Mobile it's displaying as the larger button (see samples below).

Example: I changed the link in Section 3 embedded in the"Download Now" HTML Button. The Edit Draft went from this:

To this:

In Preview Draft it looks like this:

to this:

Like I said, the desktop opens look fine, but Mobile look enlarged like the 2nd version, post link edits. This also seems to be happening when I edit the TEXT version. I looked at the code and it seems to be adding a paragraph tag:

PRE EDIT:

<tr ><td style="vertical-align:middle; text-align:left; background-color:#333333; font-family:Tahoma, Geneva, sans-serif; color:#ffffff; font-weight:bold; width:100%; padding:10px 10px 20px 10px; " ><table width="40%" cellpadding="0" cellspacing="0" border="0" style="width:40%; " class="table_responsive" align="center" bgcolor="#FF9900" ><tr ><td style="color:#ffffff; font-weight:bold; font-size:26px; line-height:23px; padding:12px 12px 12px 12px; font-family:Tahoma, Geneva, sans-serif; " class="no_right_pad" ><div class="mktEditable" align="center" ><a style="color: #fff; text-decoration: none;" href="http://{{my.White_Paper_Registration_URL}}?utm_source=marketo&utm_medium=email&utm_campaign={{my.Tracking_Campaign_ID}}_link_1">Download now ></a></div>

POST EDIT:

<tr ><td style="vertical-align:middle; text-align:left; background-color:#333333; font-family:Tahoma, Geneva, sans-serif; color:#ffffff; font-weight:bold; width:100%; padding:10px 10px 20px 10px; " ><table width="40%" cellpadding="0" cellspacing="0" border="0" style="width:40%; " class="table_responsive" align="center" bgcolor="#FF9900" ><tr ><td style="color:#ffffff; font-weight:bold; font-size:26px; line-height:23px; padding:12px 12px 12px 12px; font-family:Tahoma, Geneva, sans-serif; " class="no_right_pad" ><div class="mktEditable" align="center" ><p><a target="_blank" style="color: #fff; text-decoration: none;" href="http://{{my.White_Paper_Registration_URL_2}}?utm_source=marketo&utm_medium=email&utm_campaign={{my.Tracking_Campaign_ID}}_link_1">Download now ></a></p></div>

Any one having this issue? Thank you!

Andy_Varshneya1 · ‎12-10-2015

Hey Sonia,

What exactly were you changing in the text?

PS - Hope you've been well!

Anonymous · ‎12-10-2015

Hi Andy!! Miss you! just like old times, I break something and you have to fix it haha...

I only changed the URL from the Insert/Edit URL function in Text Editor... in the "Download Now" part from:

http://{{my.White_Paper_Registration_URL}}?utm_source=marketo&utm_medium=email&utm_campaign={{my.Tracking_Campaign_ID}}_link_1

to:

http://{{my.White_Paper_Registration_URL_2}}?utm_source=marketo&utm_medium=email&utm_campaign={{my.Tracking_Campaign_ID}}_link_1

But looks like the root block is now default <p>, which makes sense bc it was those sections in our template that had the <div class=“mktEditable”></div> are the ones affected.

Andy_Varshneya1 · ‎12-10-2015

Miss you too!

Check out Justin Cooperman's link. It has the solution in there.

Justin_Cooperm2 · ‎12-10-2015

Please see this:

Rich text editor adding paragraph tags

And the new docs:

https://docs.marketo.com/display/DOCS/Using+the+Rich+Text+Editor