重复选标记不像在HTML中那样显示在电子邮件中
我最初询问了这一点,并得到了关于常规HTML的答案,但以下代码在通过电子邮件发送时显示的情况并不相同:重复选标记不像在HTML中那样显示在电子邮件中,html,unicode,outlook,emoji,Html,Unicode,Outlook,Emoji,我最初询问了这一点,并得到了关于常规HTML的答案,但以下代码在通过电子邮件发送时显示的情况并不相同: ✔; ✔ ✔ 您是否尝试过: 尝试所有复选标记,可能有一些不被视为表情符号: 演示 div::before{ 内容:'\2714'; } :以前的不适用于Gmail、Outlook、Yahoo或notes 以下复选标记在每个主要的电子邮件客户端中都很有效。它们可以调整大小和颜色。它们的确切外观可能因电子邮件客户端或用于显示它们的字体而异: ✓
✔;
✔
✔代码>
您是否尝试过:
尝试所有复选标记,可能有一些不被视为表情符号:
演示
div::before{
内容:'\2714';
}
:以前的
不适用于Gmail、Outlook、Yahoo或notes
以下复选标记在每个主要的电子邮件客户端中都很有效。它们可以调整大小和颜色。它们的确切外观可能因电子邮件客户端或用于显示它们的字体而异:
- ✓ <代码>✓代码>-复选标记
- ✔ <代码>✔代码>-重复选标记
样品着色:
✓;-复选标记:红色
✔;-重复选标记:蓝色
祝你好运。看来唯一的选择是使用。。。以上这些都不适合我的需要
我确实需要使用以下代码,但其他选项(div等)都不适用于电子邮件
✓
这是用过的金甲。。。把它们放在一起:
标题
风格
模板
页脚
这是代码
JINJA_HDR = """<!DOCTYPE html>
<html lang=\"en-US\">"""
JINJA_FTR = """</html>"""
def get_style():
"""
"""
html_style = """<style>
table.greenCisco {
border: 2px solid #005C21;
background-color: #6CC04A;
width: 100%;
text-align: center;
border-collapse: collapse;
}
tr:nth-child(even) {
background: #ABC233;
}
tr:nth-child(odd) {
background: #6CC04A;
}
table.greenCisco td, table.greenCisco th {
border: 2px solid #000000;
padding: 3px 2px;
}
table.greenCisco tbody td {
color: #FFFFFF;
}
table.greenCisco thead {
background: #005C21;
border-bottom: 1px solid #444444;
}
table.greenCisco thead th {
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
border-left: 2px solid #D0E4F5;
}
table.blueTable tfoot {
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background: #D0E4F5;
text-align: center;
border-top: 2px solid #444444;
}
</style>"""
return html_style
def get_Jinja(df_list:list):
"""
This function takes in a list of DataFrames and returns
a Jinja parsed string of table data used in email.
"""
# skipping checking the input for now - kkeeton 20190122
jinja_tmplt = """{% for html_CI in html_CI_list %}
{% set columns = html_CI.tech_DF.columns.values[1:] %}
<h1>{{ html_CI.tech_grp }}</h1><br/>
<table class="greenCisco">
<thead>
<tr>
{% for col_hdr in columns %}
<th>{{ col_hdr }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for row in html_CI.tech_DF.itertuples() %}
{% set row_num = loop.index0 %}
{% if row_num % 2 == 0 %}
<tr bgcolor="#ABC233">
{% else %}
<tr bgcolor="#6CC04A">
{% endif %}
{% for elem_data in row[2:] %}
{% set loop_num = loop.index0 %}
{% if loop_num == 0 %}
<td>{{ elem_data }}</td>
{% else %}
{% if elem_data == 0 %}
<td><div style="color:white; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</div></td>
{% elif elem_data == 1 %}
<td><div style="color:yellow; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</div></td>
{% elif elem_data == 2 %}
<td><div style="color:green; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</div></td>
{% endif %}
{% endif %}
{% endfor %}
</tr>
{% endfor %}
</tbody>
<tfoot valign="center">
<tr colspan="0"><span style="color:white; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</span> <b>Pending</b> <span style="color:yellow; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</span> <b>In Progress</b> <span style="color:green; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</span> <b>Complete</b></tr>
</tfoot>
</table>
{% endfor %}"""
return jinja_tmplt
JINJA_HDR=”“”
"""
JINJA_FTR=“”
def get_style():
"""
"""
html_style=“”
表1.1{
边框:2px实心#005C21;
背景色:#6CC04A;
宽度:100%;
文本对齐:居中;
边界塌陷:塌陷;
}
tr:n个孩子(偶数){
背景#ABC233;
}
tr:n个孩子(奇数){
背景#6CC04A;
}
table.Greensco td,table.Greensco th{
边框:2倍实心#000000;
填充物:3px2px;
}
表1.1-2车身总成{
颜色:#FFFFFF;
}
表1.4.4-4{
背景:#005C21;
边框底部:1px实心#4444;
}
表4.4第th页{
字体大小:15px;
字体大小:粗体;
颜色:#FFFFFF;
文本对齐:居中;
左边框:2px实心#D0E4F5;
}
table.blueTable tfoot{
字体大小:13px;
字体大小:粗体;
颜色:#FFFFFF;
背景:#D0E4F5;
文本对齐:居中;
边框顶部:2个实心#4444;
}
"""
返回html\u样式
def get_Jinja(df_列表:列表):
"""
此函数接收数据帧列表并返回
电子邮件中使用的Jinja解析的表数据字符串。
"""
#现在正在跳过检查输入-kkeeton 20190122
jinja_tmplt=“”{html_CI_列表%中的html_CI的百分比]
{%set columns=html_CI.tech_DF.columns.values[1:]}
{{html_CI.tech_grp}}
{col_hdr在第%]列中的百分比}
{{col_hdr}}
{%endfor%}
{html_CI.tech_DF.itertuples()%%中的行的%
{%set row_num=loop.index0%}
{如果行数%2==0%}
{%else%}
{%endif%}
{第[2::]%行中元素数据的百分比}
{%set loop_num=loop.index0%}
{%if loop_num==0%}
{{elem_data}}
{%else%}
{%if elem_data==0%}
✓
{%elif elem_data==1%}
✓
{%elif elem_data==2%}
✓
{%endif%}
{%endif%}
{%endfor%}
{%endfor%}
✓;待定和10003;正在进行和10003;完成
{%endfor%}”“”
返回jinja_tmplt
我会尝试,但这不会对我代码的其他地方产生影响吗?是的,所有div都应该使用一个类。我应该如何将其添加到HTML中?它就像普通字符串一样。我将其添加到样式中,如图所示:但现在复选框为空。请尝试复制粘贴此:✔你可以试试使用。例如,作为文本的重复选标记是✔︎代码>,而与表情符号相同的是✔️代码>请参阅。不知道这是否适用于你的具体情况。对不起,这不起作用。它给出了同样的绿色复选标记。@KassandraKeeton我想帮忙,因为它使我成为一名更好的电子邮件开发人员。我不是在经营金甲2。我猜模板中的其他内容会影响这一点。我使用Outlook 2002-2019在Litmus中测试了这一点,效果很好。我能够运行它未经修改,颜色它没有问题。它适用于每一个主要的电子邮件客户端。我会继续思考。
✓
JINJA_HDR = """<!DOCTYPE html>
<html lang=\"en-US\">"""
JINJA_FTR = """</html>"""
def get_style():
"""
"""
html_style = """<style>
table.greenCisco {
border: 2px solid #005C21;
background-color: #6CC04A;
width: 100%;
text-align: center;
border-collapse: collapse;
}
tr:nth-child(even) {
background: #ABC233;
}
tr:nth-child(odd) {
background: #6CC04A;
}
table.greenCisco td, table.greenCisco th {
border: 2px solid #000000;
padding: 3px 2px;
}
table.greenCisco tbody td {
color: #FFFFFF;
}
table.greenCisco thead {
background: #005C21;
border-bottom: 1px solid #444444;
}
table.greenCisco thead th {
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
border-left: 2px solid #D0E4F5;
}
table.blueTable tfoot {
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background: #D0E4F5;
text-align: center;
border-top: 2px solid #444444;
}
</style>"""
return html_style
def get_Jinja(df_list:list):
"""
This function takes in a list of DataFrames and returns
a Jinja parsed string of table data used in email.
"""
# skipping checking the input for now - kkeeton 20190122
jinja_tmplt = """{% for html_CI in html_CI_list %}
{% set columns = html_CI.tech_DF.columns.values[1:] %}
<h1>{{ html_CI.tech_grp }}</h1><br/>
<table class="greenCisco">
<thead>
<tr>
{% for col_hdr in columns %}
<th>{{ col_hdr }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for row in html_CI.tech_DF.itertuples() %}
{% set row_num = loop.index0 %}
{% if row_num % 2 == 0 %}
<tr bgcolor="#ABC233">
{% else %}
<tr bgcolor="#6CC04A">
{% endif %}
{% for elem_data in row[2:] %}
{% set loop_num = loop.index0 %}
{% if loop_num == 0 %}
<td>{{ elem_data }}</td>
{% else %}
{% if elem_data == 0 %}
<td><div style="color:white; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</div></td>
{% elif elem_data == 1 %}
<td><div style="color:yellow; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</div></td>
{% elif elem_data == 2 %}
<td><div style="color:green; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</div></td>
{% endif %}
{% endif %}
{% endfor %}
</tr>
{% endfor %}
</tbody>
<tfoot valign="center">
<tr colspan="0"><span style="color:white; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</span> <b>Pending</b> <span style="color:yellow; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</span> <b>In Progress</b> <span style="color:green; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;">✓</span> <b>Complete</b></tr>
</tfoot>
</table>
{% endfor %}"""
return jinja_tmplt