Implementing newletter with jsp and gmail issues - html

I implemented newsletter with Spring3 and jsp.
referencing post link : making newsletter(HTML) with SpringFramework3
Now It works nice except on gmail, outlook.
I found that this issue is famous but there was no clear solution in web.
I am suffered with src attribute of image tag.
Here is a original tag which is working on other mail client(?)
<img style="width:322px;height:196px; display:block;" src="http://localhost:8080/resources/portal/images/virtual/noimg02.jpg">
However, when I send it to gmail, it transferred like :
<img style="width:322px;min-height:196px;display:block" src="https://ci5.googleusercontent.com/proxy/eC8FaWQmdUqkQoquMqW3NKl_u14NwS5bgKPb9_36kgfUc0t9FM8Rm9Q_BDvjN3flSnFJOU_CNW8vn8wjrtB0HNVWVk1i6y9dTIAaNa78zjki7Kl7XNqsKs1ThA=s0-d-e1-ft#http://localhost:8080/resources/portal/images/virtual/noimg02.jpg" class="CToWUd">
sorry for localhost:8080, since we do not prepared ant development servers yet.
How to prevent auto wrapping like that in gmail.
I have already change my Image options of gmail(allow external image link), but it does not work.
Thanks for your answer :D

It found that google do some validation job.
However, in my case, (my dev environment) network allows only internal access, so
it can not show proper image.
I switched network from internal network to wifi, it works fine :D
I hope this could be help to others.

Related

HTML: How to send an email via an html link?

I learned to write html and css code a month ago. I am in the process of making a blog website for my friend. I got there when I made the about page. And I made a button there that would have made it possible to talk to my friend via email. And it didn't work :(
(I can't code in PHP)
I tried this:
<button type="button">Let's Talk!</button>
I thought it would open a page with only the email and nothing else. (of course the recipient and the subject)
The HTML you wrote should work, even if it's not strictly valid. To be clear:
You cannot send an email directly via HTML, it is up to the web browser itself how a href="mailto:" link is handled.
For example, Firefox will attempt to start the default email client of the operating system when a mailto: link is clicked. You can also configure what Firefox should do with mailto: links. There are similar configurations for other browsers and operating systems.
Websites and apps can also ask the browser or operating system for permission to become the default email client.
In short, control of mailto: links is up to the browser, and not something you can control from HTML.

How to fix HTML-Email Images Breaking in different email clients

Hi I'm using power automate to send email with images, But it breaks on google but in outlook it works perfectly fine.
This is the result on Outlook:
This is the result on Gmail:
I've already use Base64 Encoding and I don't know what to do next.
You have given us the answer: you used base64 encoding when there is not good support for that across email providers. See https://www.caniemail.com/features/image-base64/
Upload the images to a website or other public repository (a CDN or storage place publicly accessible), and then use <img src="https://www.place.com/imagehere23423423.jpg" ...>

Unable to use the top sites url of google chrome in html anchor tag

So I was making a cool homepage to replace my default homepage of google chrome of my phone, which I made
And I was trying to use the top sites provided by chrome to skip the extra work of adding sites manually
I somehow found the URL
chrome://explore
Which works as expected when entered manually in chrome
But when I use the URL in the href of the anchor tag, it simply doesn't work
Is there a way to make it work or any other website that provides the same thing
comment:
share some more details. Getting any errors in console or share your code.
ps: i can't add direct comment(newbie) that's why adding comment here.
It's not allowed for Chromium browsers. As it's not secure.
Long explanation:
If it were allowed - any website can request this with let's say fetch and read any of your chrome://history page.

Wordpress drops file prefix after update

TL;DR - why does Wordpress remove file:// from file links?
Our intranet page has a section containing icons with links behind them. All of a sudden (our guess is after an update), one of the links stopped working. The link is as follows (1):
<img src="/img/meetings.jpg" style="width:75px; height:75px;"/>
The expected behaviour (in Internet Explorer (2)) is that the file explorer opens, and points to the share \vmdata\meetings, which has always worked up until now.
When I hover over the icon image I see the following code however:
http://vmdata/meetings
and when I check the HTML by viewing the source of the page, I see that the file:// prefix is indeed gone:
<a href="//vmdata/meetings" target="_blank" rel="noopener noreferrer">
To work around this issue, I had a look at a page on which the original creator had added the same type of links. My idea was to create a similar page, copy the HTML code on the page and link the icon to said page. I added the page and HTML link but after viewing the page, the result is exactly the same: the file:// prefix is gone.
My guess is that something within Wordpress is rewriting/removing the file:// link. My question now is twofold: how do I stop this rewriting/removing behaviour, and/or how can I add a link to a fileshare as before?
PS: the creator of the website is no longer available, and the website is running yet unmanaged. Only content creators are left. We have no Wordpress knowledge in house, so we're basically just trying to keep the site up and running (in wait for a new site).
(1) I realise that pointing to a server share from an intranet site is a very ugly way to publish files. However, as stated before, we're in a situation of if it ain't broke don't fix it with this website, so we just want to go back to a working situation. Creating a page to link to (hosted) documents would be a lot better, but is for various reasons not feasible.
(2) please don't bother pointing out NOT to use Internet Explorer (anymore), we all know that but we are stuck with it because it is a requirement for one of the major tools we all use everyday. As long as that tool doesn't support other browsers, we're stuck with IE (unfortunately).
I found another question regarding this issue: can't save network share path as a link in wordpress 3.1
Apparently the correct way to add an allowed protocol into WordPress is to modify the functions.php file and add the following code:
function allowed_link_protocols_filter($protocols)
{
$protocols[] = 'file';
return $protocols;
}
add_filter('kses_allowed_protocols', 'allowed_link_protocols_filter');
More information can be found in the following article: https://developer.wordpress.org/reference/hooks/kses_allowed_protocols/
Adding the code above solved the problem for me, so I hope this helps others to solve similar issues in the future.

Mailto Link Not Working in Hotmail

So I have an html email that I am creating for my company for an email campaign we are going to be sending soon for an organization we represent. It contains 2 primary links, one to email a person at the organization we represent, and one to go to the landing page on the site of the organization. The landing page link works fine, the mailto: link does not when the email is viewed from Hotmail. It works on other clients besides Hotmail including Gmail and Outlook.
This is not because the computer which I am testing on does not have an email client installed. It has Outlook 2010 installed and registered as the mailto application. When mailto links are clicked on other sites (not hotmail) they work great...outlook launches a new message window as it should and fills in the subject and email. When we went to test on Hotmail, it shows the mailto link in the status bar, but no action occurs when you click the link. It's as if the link was not a link at all.
This is the link we are trying to use: (edited slightly for privacy)
<div class="button">Email a Resident Advisor</div>
This is placed within an html table cell. It has some basic css styling applied (all embedded in the html email itself). The button class is just designed to make the link stand out in the email...give it a red border and bold the link.
To be much more clear:
Works:
Gmail - IE9, Chrome, Firefox
Outlook - worked.
Does not work:
Hotmail - All browsers tried
The email was sent using the preview function of CampaignMonitor (handled by our QA guy, I don't have access to it as I'm rather new to the company).
I just need to figure out a way to make this work. Thanks in advance.
Two other programmer and I spent 2 days dealing with this problem earlier this week. I don't have the relevant links handy, but the long and short of the story is that this is a known issue and currently unresolved.
mailto: links will under no circumstance, work in Hotmail, they are removed or something.
We ultimately ended up adding copy instructing recipients to email foo#mail.com in lieu of clicking the link.
Here's a possible solution I found at http://windowsxp.mvps.org/hmposturl.htm that I modified for my purposes. It would require sending unique creative with a custom link to only your Hotmail recipients but it seems to work for me. Here's the href string I used:
http://www.hotmail.msn.com/secure/start?action=compose&to=email#domain.com&subject=My Subject Line&body=Email Body
This is a common problem with most webmail based systems. mailto: doesn't invoke them. Google mailto hotmail and you will find answers for Windows and for specific browsers. I think this will set it up for you
http://email.about.com/od/windowslivehotmailtips/qt/How_to_Make_Windows_Live_Hotmail_Your_Default_Email_Program.htm
Just add target='_blank'...use the 'a' html tag as...
<a href='mailto:Your MAILTO ID' target='_blank'>SOME Support</a>
This works in hotmail client, but it launch new browser instance additionally.
Known problem, I can confirm, is not working on Hotmail web mail only, rest of them work fine, we had the same problem here and we give up trying.
If you really really want that the only way is to use JavaScript, onClick change window location but that introduces a new dependency: JavaScript.