Editing HTML adds an extra space/underline after linked text

  • 9
  • Problem
  • Updated 5 years ago
  • Solved
  • (Edited)
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Resolved

Within the past two weeks, something has changed within Emma causing my hand-coded HTML edits (within a text block) to get reformatted. This is causing irritating cosmetic issues such as extra spaces appearing within hyperlinks (before/after), spaces before periods, etc. At worst, I'm seeing formatting getting stripped out, such as a bold and italic code. Emma is now formatting the HTML to have a fancy auto-indent and hierarchy that looks good on the editor side, but is causing these visual hiccups. 
Photo of Northern Arizona University

Northern Arizona University

  • 2 Posts
  • 0 Reply Likes
  • frustrated

Posted 5 years ago

  • 9
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hi there! Correct me if I'm wrong, but it sounds like you may be trying to add HTML in a text block instead of an HTML block. The HTML block is the very last block in the drag & drop options on the left-hand side of the editor. If you drag that in and add your code directly into that block, you should be able to add all of the styling and edits that you need. The text block will not hold those styles after you exit the editor, so you will want to stick with that HTML block. 

If this doesn't seem like it will solve the issue, let me know which mailing you are working in. I'll hop in and take a look!
Photo of Bud Werner Memorial Library

Bud Werner Memorial Library

  • 25 Posts
  • 1 Reply Like
I too am having the same issue and it is frustrating.  I built the base to my newsletter over a year ago and simply copy and re-use blocks all of the time instead of starting from scratch.  I have always used the Text block and then go in and add html with the button on the editor toolbar.

So you are saying that I now need to re-build my entire newsletter with the html block to keep this from happening?

I would prefer not to do this since sometimes I like to use the editor toolbar instead of hard-coding in html.  Moreover, if I get sick, I am the only person in my organization who can code in html.  If someone else had to generate the newsletter, then they will need the editor function.

I'd like to see Emma revert to her previous WYSIWYG editor.
(Edited)
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
I understand that it is frustrating to have to adapt your workflow. In this case, though, you won't have to!

HTML blocks are populated and edited in the same way that you have been working with text blocks: 



The difference is that the HMTL block is built to play nicely with your HTML edits. While you can see and edit the HTML behind text in a text block by clicking the "Edit HTML" button, that block is not built to retain any additional CSS styling that you add there. 

You should be able to just copy your code from the HTML view of the text blocks, drag in an HTML block from the drag & drop content block options and past that code in there. Then you can delete the original text block.

I hope this helps!
Photo of Bud Werner Memorial Library

Bud Werner Memorial Library

  • 25 Posts
  • 1 Reply Like
Thanks for this Emily and I do understand your point, but an either/or is quite limiting.

If I choose an HTML block, then the content can only be edited via HTML.  This is fine for someone like me, but if I am sick, quit my job, or get hit by a car then no one else in my organization can edit the content - which in some cases gets re-used week after week.

By using the text block and adding html where it is faster for me to do so, I create the possibility that a non-web person can edit my content if I am unable to generate the next newsletter.

I would prefer to always use the text block for this reason.

The other issue I struggle with is that I must always upload photos to your site to have them display in a newsletter.  All of our images are already on our website and so it is very time consuming to reload images to your platform.  I prefer to link to the image on my site instead.  This, as best I can tell, can only be done in code.

Thanks for listening.
Photo of Philadelphia Fed

Philadelphia Fed

  • 4 Posts
  • 0 Reply Likes
I just ran into this issue myself. We're reusing an e-mail that was originally created several weeks ago and now we're coming up with extraneous spaces in hyperlinks that is really driving our editorial team and stakeholders to distraction.

I've tried adding a blank HTML block and putting the problematic HTML in there but it's exhibiting the same behavior: Upon saving, the HTML block is reformatting the HTML in a way that looks nice from an editor standpoint but is putting extraneous spaces in the rendered copy.
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hey Philadelphia - I would love to take a look at that mailing! What is the name of the mailing you are working in?
Photo of Philadelphia Fed

Philadelphia Fed

  • 4 Posts
  • 0 Reply Likes
An Introduction to U.S. Census Bureau & State Data Center Products
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Alright - it looks like we recently identified a little bug that is causing that extra space in your link. If you are using punctuation (like your parentheses) a space will be added between the link and the punctuation. If you want to continue working in the HTML block, you'll need to ditch the parentheses to work around this bug. If you switch to a text block, you could manually remove those spaces. 

We are working to resolve this bug!
Photo of Joe N.

Joe N.

  • 9 Posts
  • 1 Reply Like
It's also happening even without punctuation. For example, if there is more text after a hot linked sentence, the space shows up as well. It's also showing up after images that are links:


Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hi Joe - I'm going to pass this additional information on to our development team to find out if it is related to this bug. I will reach out here when I know more. Thank you!
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Ok - I got ahead of myself before. The jist of this bug is that if you edit the HTML in a text or HTML block, you will likely get an extra space after your links. If you're working in a text block, you can then remove those spaces in the editor. If you're working in an HTML block you will not be able to remove the spaces - for now. 

If you need to continue using the HTML block and cannot switch over to a text block, my best suggestion is to style your links without the underline and avoid following the link with punctuation. This way, the spaces will be less obvious.

I know this is inconvenient. We are working to resolve this bug and will update you all here when it is fixed!
Photo of ramey agency

ramey agency

  • 9 Posts
  • 1 Reply Like
We are having extra spaces added to links as well, but we're using the HTML editor. The base code is reused from earlier email that did not have this bug.

When we've deleted the spaces in the editor and resaved, they are added back regardless.

The spaces are breaking our layout! The links are around images and not text (no punctuation).

Please help! Our mailing goes public tomorrow.
Thanks
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hi there -- I hopped into your account to take a look and found that this is actually unrelated and a very quick fix!

Every single image included in a template needs to have both border="0" AND style="display:block;" included within the image tag. We like to call that the "image glue" that holds everything together. 

I made a copy of your mailing titled September 2014 Ramey Mailing - EMMA COPY where I've added those missing tag elements. You are welcome to just rename that copy and use it if you like. Viewing this mailing in preview, you can see that gap in the images is now gone. 
Photo of ramey agency

ramey agency

  • 9 Posts
  • 1 Reply Like
Emily, sorry, the campaign is under our "Upward Home" client, "Upward Home - September 4, 2014".

https://app.e2ma.net/app2/campaigns/create/207818322/

I added the new inline style (style="display:block") as you suggested, but after a test send, it appears that the situation is worse . We also tried alternate style attributes (style="display:inline" and style="display:inline-block"), but neither helped.

I also noticed that even after saving, the Editor is adding spaces and a faulty "</img>" tag to our code. Valid HTML doesn't require a closing image tag, so this one's a mystery.

Any additional help is much appreciated,
Thanks
(Edited)
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hi there - Sorry I was looking at the wrong mailing! I'm digging into this issue now. Hold tight!
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hello again. I can confirm that this is not related to the bug we are discussing. This bug is related to text, not images. You're actually looking at more of the same coding revisions here in this email as in the last one. 

It's important to add the border="0" AND style="display:block;" to every single image link tag in the mailing in order to glue those images together. 

Next, for that row of images, those need to be nested within a table, with each image in its own cell to hold things in place. This is what that row would be coded as, and this whole table would be nested inside the cell where the images were originally floating:

<table width="600" border="0" cellspacing="0" cellpadding="0"> 

<tr> 

<td width="183"><img alt="" height="68" src="https://s3.amazonaws.com/emma-assets/elgbb/4315994c1cbd29d7de56a972d22be2d0/header_2_1.jpg"; style="display: block" width="183" border="0"></td> 

<td width="39"><a href="https://www.facebook.com/cray5"><img alt="" border="0" height="68" src="https://s3.amazonaws.com/emma-assets/elgbb/4b8760f4ab74976ac5fb83d4206012d8/header_2_2.jpg"; style="display: block;" width="39"/></a></td> 

<td width="40"><a href="https://twitter.com/crayhome">

<img alt="" border="0" height="68" src="https://s3.amazonaws.com/emma-assets/elgbb/002f1df325e426df4664795cca456d85/header_2_3.jpg"; style="display: block;" width="40"/> 

</a></td> 

<td width="41"><a href="https://plus.google.com/u/0/+ChrisRay1">

<img alt="" border="0" height="68" src="https://s3.amazonaws.com/emma-assets/elgbb/025f7067f3ece7c2944d16db9f4d4d88/header_2_4.jpg"; style="display:block;" width="41"/> 

</a></td> 

<td width="39"><a href="http://upwardhome.tumblr.com">

<img alt="" border="0" height="68" src="https://s3.amazonaws.com/emma-assets/elgbb/24bdf032d78ecd0e42a190a214b31c16/header_2_5.jpg"; style="display: block" width="39"/> 

</a></td> 

<td width="40"><a href="http://www.linkedin.com/profile/view?id=73234494">

<img alt="" border="0" height="68" src="https://s3.amazonaws.com/emma-assets/elgbb/45276e81fc11d51f47641cbd6e438265/header_2_6.jpg"; style="display: block" width="40"/> 

</a></td> 

<td width="40"><a href="http://www.upwardhome.com/?feed=rss">

<img alt="" height="68" src="https://s3.amazonaws.com/emma-assets/elgbb/ff2ba4dc8d40ce380bb4fb7393d047c6/header_2_7.jpg"; style="display: block" width="40" border="0"/> 

</a></td> 

<td width="178"><img alt="" height="68" src="https://s3.amazonaws.com/emma-assets/elgbb/69f357eaa5b18c51e38d8046a5b70ffe/header_2_8.jpg"; style="display: block" width="178" border="0"/></td> 

</tr> 

</table>

I hope this helps!
Photo of Visit Philadelphia

Visit Philadelphia

  • 16 Posts
  • 0 Reply Likes
We are experiencing the same issue and our mailing is also scheduled to go out tomorrow. Is there any estimate as to when this bug is to be resolved? 
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
I'm sorry that you are experiencing the effects of this bug as well. We discovered this bug very recently. I will let you know as soon as I have an estimate on when it will be resolved. Thank you in advance for your patience!
Photo of Visit Philadelphia

Visit Philadelphia

  • 16 Posts
  • 0 Reply Likes
Hi Emily,

Thanks for the follow up.  I wanted to stress how big of a bug this is for us.  We spend a lot of time crafting our content and making everything pixel perfect.  The addition of unnecessary spaces after every hyperlink makes our email look sloppy and unprofessional.  I can't think of a single technical reason why the editor would do this when given well-formatted and valid HTML.

If it isn't already, this issue should be escalated by your dev team to resolve.  
Photo of ramey agency

ramey agency

  • 9 Posts
  • 1 Reply Like
Any update to this issue?
We've had to postpone our mailing for today and would like to request that this issue be escalated.
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
The latest update I have is that our team is working on getting this bug escalated. I am sorry for the inconvenience. I will update you here if I hear anything on the status of this bug. 
Photo of ramey agency

ramey agency

  • 9 Posts
  • 1 Reply Like
Thank you Emily. Meanwhile, for anyone else frustrated by this issue, I changed part of our HTML email to use an image map and that seems to work in the interim while we wait for a permanent fix.
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
I'd like to chime in here and mention that we don't recommend using image maps because they are not always reliable in an email environment. Using image maps will also keep clicks from being tracked in the Response page. You can see my above comment regarding completing image tags for a solution!
Photo of ramey agency

ramey agency

  • 9 Posts
  • 1 Reply Like
Until the bug is resolved, it's the only option we can rely on, unfortunately (image maps).

I looked through the copy-version that you made earlier, and the spacing layout issue was still present. Adding the inline style to existing images isn't fixing the issue for us. Hope to see some resolution coming soon -- thanks for staying on this.
Photo of ramey agency

ramey agency

  • 9 Posts
  • 1 Reply Like
Also, in the email that just went out, underscores are still being added to all links -- this was not occurring with the same code for previous email mailings...
Photo of Orleans Homes

Orleans Homes

  • 1 Post
  • 4 Reply Likes
Hi there!  Any update?  I have just been explaining to clients that this is an Emma error, but frankly it's driving me nuts.  Thanks!
Photo of Philadelphia Fed

Philadelphia Fed

  • 4 Posts
  • 0 Reply Likes
Emily, can we get a status update on the resolution of this bug?
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hey y'all -- Our editor team is currently working to resolve this bug! I will reach out when I hear that it has been resolved. 

I did learn a workaround that might be helpful to some of you. I know that most of you are working with HTML instead of text. If your code is text only (no images), you can drop that code into the HTML view of a text block. Then you should be able to remove those spaces when viewing the text. I hope this will help to alleviate the issue for some of you!
Photo of nvds

nvds

  • 3 Posts
  • 0 Reply Likes
We are experiencing the same problem. Spaces are showing up after text and images. Please advise if this bug can be fixed by Monday. Thank you Emily.

The two newsletters are:
[EN] Newsletter No 09 - 2014
[DE] Newsletter No 09 - 2014
(Edited)
Photo of Jason Plank

Jason Plank

  • 2 Posts
  • 1 Reply Like
Still experiencing this problem as well. This is a major, major disruption to our normal workflow.
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
Good morning, all. I'm stepping in for Emily while she's out of the office today. I'm so sorry for how this defect is disrupting your work. Our developers are working to resolve this problem, but we don't have a timeframe yet for when that work with be complete. We will keep you updated here with news as it comes.
Photo of nvds

nvds

  • 3 Posts
  • 0 Reply Likes
Hi Katie.. Do you have an update for us?

Like many have pointed out, this is a major disruption. I hope it is getting enough attention within Emma.
Photo of Katie Lewis

Katie Lewis, Official Rep

  • 3414 Posts
  • 309 Reply Likes
This is definitely getting attention in-house here. I know it's frustrating to feel out of the loop, so we will post here just as soon as there's any type of news to share. The importance of this to your business definitely isn't lost on us, and it's important to us, too.
Photo of ramey agency

ramey agency

  • 9 Posts
  • 1 Reply Like
We've had to hold back several mailings for our clients as well.
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Thanks for keeping us updated! You're definitely in the right place for getting the most current information on this bug resolution.
Photo of Boson Software

Boson Software

  • 10 Posts
  • 1 Reply Like
I am having the same trouble and I'm using a the "Code Your Own" to create my email, not a template. I've used this for years and have never had this issue where the extra space is inserted after my links? It doesn't show in he preview but when you send it comes in with the extra spaces.

I even tried using a <span style="display: inline-block"> hoping it would fix it but it did not. Looks like it does it anytime there is inline text that follows a link.

Here is a sample screenshot showing two of the links.


Can you help?
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Hi there -- you are indeed dealing with the same bug. This bug comes into play when you edit any HTML, not just in the template code. As you can see here, our developers are working hard to resolve this so that the links will function as expected.

As a temporary workaround, you could drop all of your HTML into the code view (</> button on the formatting toolbar) of a text block instead of an HTML block. Working in a text block allows you to manually remove the extra spaces from the text view. This will work if you are not coding images into your HTML. Again, I know this isn't ideal. Stay tuned here for the latest information!
Photo of Jessica Crocker McMathis

Jessica Crocker McMathis

  • 20 Posts
  • 3 Reply Likes
I understand that you guys are working on a fix, but this has been an issue now for three weeks and is a major headache for those of us who are coding numerous emails each day. This up, down, left, right, back, forward, back, forward to correct the random additional spacing is a fix reserved for beating the Legend of Zelda. 
Photo of ramey agency

ramey agency

  • 9 Posts
  • 1 Reply Like
I suspect that everyone affected by this issue is most definitely using images in our HTML code... so we need a real fix, and soon please...
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Thanks everyone for your notes here. Know that your frustration and pain is not lost on us, and that this bug is a top priority for our developers. They’re working on it as we speak, and bug fixes like this aren’t so simple; I know we all want it to just be fixed *now*!

To show you behind the curtain, every time you report that you’re experiencing a bug, we create a note for our developers tied to your account showing that you’ve run into this. When the bug is fixed, that triggers a notification to send to each Emma Support Teamer who “owns” those bug reports. So in this thread, you’ve been chatting with me and Katie, and we own the majority of your reports (unless you originally reported the bug to another Support Teamer by phone or email).

As soon as we receive the notification that the bug’s been fixed, we let you know. I totally understand that it feels like no news means you’re out of the loop, but we take bug reporting really seriously here and share everything we know may be of use. Just as soon as we have news, you’ll have it, too.
Photo of Spindustry Digital

Spindustry Digital

  • 13 Posts
  • 1 Reply Like
We are seeing this bug in an image based navigation bar we created for a client as part of their mailing. Little black underlines are appearing between images. You can view a screenshot of the issue here:

https://s3.amazonaws.com/emma-assets/rigbb/aef977e0d76400139f64f2f5a3c0878d/Capture.PNG

Our workaround in this case was to use inline CSS in each 'a' tag to set its color to white.

When I view source in the web view, it appears several CSS properties are being injected into to all of those 'a' tags during the send process. Things like color, font-weight & text-decoration that we didn't add.

This really isn't desirable, especially in a custom HTML block. We'd prefer our styles to be unsullied there, thanks :)
Photo of Jason Plank

Jason Plank

  • 2 Posts
  • 1 Reply Like
Is it not possible to "roll back" whatever update you applied that is causing this bug while you look for a solution? We had yet another email go out today that had extra spacing in it, even after proofreading it multiple times.
Photo of ramey agency

ramey agency

  • 9 Posts
  • 1 Reply Like
Perhaps the MyEmma developers can test on a non-production server/system, and roll back the live environment, as suggested by others?

We would like to have our custom HTML left untouched also, thanks :-)
Photo of Kyle Floyd

Kyle Floyd, Official Rep

  • 178 Posts
  • 26 Reply Likes
Hi all, I am the Support Team Lead here at Emma and want to step in to provide an update on this defect and what we hope is a very near fix. First off, I am sorry for the frustration you have felt by this defect and the lack of clear workarounds.

In short, we expect to have a fix released by next Tuesday.

For more detail, please continue reading:

This defect was introduced as an unexpected side effect of a different defect we fixed a few weeks back. That issue was also related to Emma users’ HTML being manipulated by the third-party HTML parser that our campaign editor uses. Once we released the fix to that defect, we began to hear from users that this additional space was being added to the URLs in their mailings. In a situation like this, we are tasked with making a decision to role back our release, therefore breaking something that we just corrected and was also affecting a number of customers. Or, the other option is to begin researching, coding, and testing a fix for the new problem. Those are never fun decisions and many times the information we really need isn't available until we get further down the road on research and development.

Our developers have completed the research and coding process for a fix. That fix is now going through QA testing and assuming it passes those tests, it should be ready for release next Tuesday. If for some reason we do not have a fix ready by that date, we are exploring an option to revert to the code we had a few weeks back.

We will continue to keep you updated here as we learn more on the progress of this fix. I am working closely with our development team to make sure the concerns of our customers are being clearly communicated and that we are working towards a resolution as quickly as possible.
Photo of nvds

nvds

  • 3 Posts
  • 0 Reply Likes
Hi Kyle, I know you have this on the top of your list, but I just couldn't wait to ask - is the fix looking good to be released today?
Photo of Kyle Floyd

Kyle Floyd, Official Rep

  • 178 Posts
  • 26 Reply Likes
Official Response
Hi folks, I wanted to follow up and let you know that our development team released a fix for this defect a little earlier this morning. I know this was a frustrating defect for all of you, but I am glad to say that based on our post-release test, the fix appears to be working exactly as intended.

This will not automatically correct any previously loaded HTML where that space had been added. A couple of options for correcting this in previously created mailings is to paste your HTML over the code that is currently in the account. Or, you could locate each href and delete any added spaces from within our HTML editor.

Please do let me know if there is anything else odd you notice or anything additional I can do for you.
Photo of Bud Werner Memorial Library

Bud Werner Memorial Library

  • 25 Posts
  • 1 Reply Like
I just tested this and it seems to be working.  Thank you for your efforts.
Photo of Philadelphia Fed

Philadelphia Fed

  • 4 Posts
  • 0 Reply Likes
Emily, Katie and Kyle,

The fix looks like it's working on my end. Thanks so much for staying on this and getting this resolved.
Photo of Emily Hollingsworth

Emily Hollingsworth, Alum

  • 2203 Posts
  • 158 Reply Likes
Thanks for hanging in there with us!