标签: html-email

在mailto锚标记中发送HTML

我的网页上有一个锚标记,目前定义为:

<a href="mailto:someone@somewhere.com?subject=Welcome&body=Check this out, please click <a href='http://example.com'>here</a>">Send to a Friend</a>
Run Code Online (Sandbox Code Playgroud)

正如此链接所示,我正在尝试在用户单击链接时在电子邮件中发送一些HTML.但是,当文本在电子邮件编辑器中打开时,它将显示为纯文本.如何使其成为HTML格式?

html javascript mailto html-email

8
推荐指数
1
解决办法
3万
查看次数

html电子邮件中的rowspans和colspans

在设计基于表格的HTML电子邮件时,可以安全地使用rowpans和colspans吗?

我被告知他们在Outlook 2007中无法正确显示,并且必须嵌套表以便为布局提供不同大小的单元格.

任何人都可以帮助或提供任何链接吗?谢谢

email outlook html-table html-email outlook-2007

8
推荐指数
1
解决办法
7196
查看次数

HTML电子邮件:使用<a href>制作可点击的表格

我正在构建一个HTML电子邮件,并希望整个表格可以点击.

我已经提出了一个JavaScript解决方案来做到这一点,这非常有效,但我更喜欢将表包装在标签中而不是使用JavaScript.

<a href="#">
  <table border="0">
   <tr>
    <td style="width: 100px; height: 100px">
    </td>          
   </tr> 
  </table>
</a>
Run Code Online (Sandbox Code Playgroud)

这在Firefox中运行得很好,虽然它不是有效的HTML,因为我在内联one()中包含了一个块级元素().

我目前没有办法在所有电子邮件平台上测试这个,所以想知道是否有任何已知的电子邮件平台不支持这种方法?

任何帮助将不胜感激.

如果有人正在寻找一个JavaScript解决方案来执行相同的功能,那么下面是一个:

            <html>
                <head>
                <title></title>
                <script type="text/javascript">
                function link(url){
                alert("url is "+url);
                }
                </script>
                </head>
                <body>
                <table style="background-color: red" border="0" onclick="link('test url');" onmouseover="this.style.cursor='pointer';">
                  <tr>
                    <td style="width: 100px">This is a </td>
                    <td style="width: 100px; background-color: blue">test </td>
                    <td style="width: 100px">table </td>
                  </tr>
                </table>
                </body>
            </html>
Run Code Online (Sandbox Code Playgroud)

html html-email

8
推荐指数
2
解决办法
3万
查看次数

电子邮件问题(发送邮件正文中的超链接)android

mIntent = new Intent(Intent.ACTION_SEND);
mIntent.putExtra(Intent.EXTRA_SUBJECT, getString(""));

mIntent.setType("text/html");  
Uri myUri = Uri.parse("http://www.Google.com/");
mIntent.putExtra(android.content.Intent.EXTRA_TEXT,Html.fromHtml("<a href=\""+myUri+"\">Link</a>"));
startActivity(android.content.Intent.createChooser(mIntent, "Email:"));
Run Code Online (Sandbox Code Playgroud)

我尝试了上面的代码,但在接收方,我无法获得链接.它转换成普通文本..

android html-email android-intent

8
推荐指数
1
解决办法
1万
查看次数

在Outlook 2007,2010和2013中响应2列到1列电子邮件

我正在为移动设备优化HTML电子邮件.我的任务是找到一个通用的解决方案来创建一个2列到1列的响应式布局.我发现了一篇由Campaign Monitor撰写的文章 - http://www.campaignmonitor.com/guides/mobile/responsive/.我已经试过他们的标记,它适用于大多数用户和浏览器与Outlook 2007,2010年例外,和2013年我提供了我的标记以供参考的jsfiddle链接.有没有办法在这些版本的Outlook中使这个工作?

编辑:我不是试图使电子邮件的响应部分在Outlook中工作.我希望2个表(jsfiddle示例中的Left和Right)彼此相邻显示而不是堆叠在一起.这适用于Gmail(IE,FF,Chrome,Safari),AOL(IE,FF,Chrome,Safari),Yahoo(IE,FF,Chrome,Safari),Hotmail(IE,FF,Chrome,Safari),Apple Mail 4 &5,Outlook 2003,Android 4.0,iOS 4,5和6.我只关注Outlook 2007及更高版本的渲染引擎.

<html>
<head>
  <style>
    @media all and (max-width: 590px){
      *[class].responsive{ width: 320px !important; }
    }
  </style>
</head>
<body>
  <table width="100%" style="background-color: #000;" align="center" cellpadding="0" cellspacing="0">
    <tbody>
      <tr>
        <td height="15"></td>
      </tr>
      <tr>
        <td width="100%">
          <table width="560" style="background-color: #fff;" align="center" cellpadding="0" cellspacing="0" class="responsive">
            <tbody>
              <tr>
                <td width="100%">
                  <table width="280" align="left" cellpadding="0" cellspacing="0" class="responsive">
                    <tbody>
                      <tr>
                        <td width="100%" height="40" style="background-color: #ececec;">
                          <div height="40" style="font-weight:bold; font-family:Helvetica,sans-serif; text-align:center;">Left (top)</div>
                        </td>
                      </tr>
                    </tbody> …
Run Code Online (Sandbox Code Playgroud)

html mobile outlook html-email

8
推荐指数
1
解决办法
1万
查看次数

创建条形码图像

我需要向拥有独特条形码的数千名客户发送电子邮件,以便他们可以在店内或在线兑换.

我们有一个优惠券/条形码代码列表供您使用,并有一种方法可以将这些代码动态地提取到电子邮件中,以便客户看到唯一的代码.问题是我需要以某种方式生成使用唯一代码创建的数千个条形码图像.我怎么解决这个问题?

如果我们的电子邮件营销公司具有此功能,但不幸的是他们没有:http: //www.emaildirect.com/blog/2011/11/create-unique-barcodes-with-emaildirect/

任何帮助将不胜感激.


我找到了答案!

通过使用条形码生成器www.barcodesinc.com我生成了一个URL并将其输入到我的电子邮件中.

例如:http://www.barcodesinc.com/generator/image.php? code = 999999999&style = 197&type = C128B&width = 200&high = 50& xres = 1& font = 3

然后我将URL中的999999999更改为我的条件代码,以更改为该人的特定代码,并同时恢复该代码的条形码图像!

barcode html-email

8
推荐指数
1
解决办法
8385
查看次数

Outlook 2013忽略font-family

在为Outlook 2013编写电子邮件时指定font-family的最佳方法是什么?我发现font-family在内联时会被忽略,如下所示:

<span style="font-family: Helvetica, Arial, sans-serif;">Text</span>
Run Code Online (Sandbox Code Playgroud)

我发现这有效:

<span><font face="Helvetica, Arial, sans-serif">Text</font></span>
Run Code Online (Sandbox Code Playgroud)

但是,这很痛苦,因为我必须在添加文本的任何地方添加标记.围绕几个元素包装标记将被忽略.有没有办法我可以设置一次字体而忘记它?

html css outlook html-email outlook-2003

8
推荐指数
2
解决办法
2万
查看次数

如何在电子邮件模板中使用自定义字体

我想在电子邮件模板中使用海关字体,但为什么大多数邮件提供商都不支持@ font-face样式

现在做什么?

css email fonts inline html-email

8
推荐指数
1
解决办法
9007
查看次数

iOS 10 Mail HTML无法正确响应

我正在创建一个时事通讯,我发现了一些奇怪的行为.

我有一个2里面的表,我希望它们是一个块和100%宽度,但发生以下情况:

在此输入图像描述

它还打破了邮件的其他部分.我已经尝试了很多......每个视口,最大宽度,最小宽度,我不知道该怎么做......

我验证了,媒体查询正在运行

我需要一些特殊的黑客吗?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:v="urn:schemas-microsoft-com:vml" style="box-sizing: border-box;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" />    <meta name=”x-apple-disable-message-reformatting” />
    <meta property="og:title" content="*|MC:SUBJECT|*">
    <title>*|MC:SUBJECT|*</title>


    <style type="text/css">.inhalt li a {line-height:26px;}</style>


<style type="text/css">
body {
font-family: "Helvetica", "Arial";
}
img {
margin: 0; padding: 0; border: none;
}
body {
color: #000000; z-index: -3; font-family: "Helvetica", "Arial";
}
@media only screen and (max-width: 599px) {
  table[yahoo] {
    display: block; …
Run Code Online (Sandbox Code Playgroud)

html css newsletter html-email

8
推荐指数
1
解决办法
1274
查看次数

使用python 3在电子邮件中嵌入Pandas df html表

我试图嵌入并发送创建的html表pandas .to_html.

我很高兴将df直接发送到电子邮件或文件.

到目前为止,我可以使用以下内容嵌入图像:

fp = open(attachment, 'rb')                                                    
img = MIMEImage(fp.read())
fp.close()
img.add_header('Content-ID', '<{}>'.format(attachment))
msg.attach(img)
Run Code Online (Sandbox Code Playgroud)

我已经尝试过这个附加df但不是因为某些原因嵌入的内容.

fp = open(att1, 'r')                                                    
img = MIMEText(fp.read(),'html')
fp.close()
img.add_header('Content-ID', '<att1>')
msg.attach(img)
Run Code Online (Sandbox Code Playgroud)

或者,我可以将df数据发送到电子邮件,但是作为无格式文本发送,似乎无法使用带有简单边框的格式化(即)表格来解决这种方法.

df = dFrame(q2) 
tbl = '{df}'
tbl = df.to_html(index=False,justify='center')
msgText = MIMEText('<b>%s</b><br><html src="cid:%s"><br>' % (body, tbl), 'html')
msg.attach(msgText)
Run Code Online (Sandbox Code Playgroud)

嵌入式图像的更完整代码,我希望为嵌入html表调整.

def sndFile1():
    import smtplib
    from email.mime.multipart import MIMEMultipart
    from email.mime.text import MIMEText
    from email.mime.image import MIMEImage

    att1 = path + 'df.html'
    att2 = path + 'Indices.png'
    att3 = path + 'Segments.png' …
Run Code Online (Sandbox Code Playgroud)

python embed html-table html-email

8
推荐指数
1
解决办法
660
查看次数