重复选标记不像在HTML中那样显示在电子邮件中

重复选标记不像在HTML中那样显示在电子邮件中,html,unicode,outlook,emoji,Html,Unicode,Outlook,Emoji,我最初询问了这一点,并得到了关于常规HTML的答案,但以下代码在通过电子邮件发送时显示的情况并不相同: ✔; ✔ ✔ 您是否尝试过: 尝试所有复选标记,可能有一些不被视为表情符号: 演示 div::before{ 内容:'\2714'; } :以前的不适用于Gmail、Outlook、Yahoo或notes 以下复选标记在每个主要的电子邮件客户端中都很有效。它们可以调整大小和颜色。它们的确切外观可能因电子邮件客户端或用于显示它们的字体而异: ✓

我最初询问了这一点,并得到了关于常规HTML的答案,但以下代码在通过电子邮件发送时显示的情况并不相同:

✔;
✔
✔
您是否尝试过:

尝试所有复选标记,可能有一些不被视为表情符号:

演示
div::before{
内容:'\2714';
}

:以前的
不适用于Gmail、Outlook、Yahoo或notes

以下复选标记在每个主要的电子邮件客户端中都很有效。它们可以调整大小和颜色。它们的确切外观可能因电子邮件客户端或用于显示它们的字体而异:

  • ✓ <代码>✓-复选标记
  • ✔ <代码>✔-重复选标记
样品着色:

✓;-复选标记:红色

✔;-重复选标记:蓝色


祝你好运。

看来唯一的选择是使用。。。以上这些都不适合我的需要

我确实需要使用以下代码,但其他选项(div等)都不适用于电子邮件

&#10003;
这是用过的金甲。。。把它们放在一起:

  • 标题
  • 风格
  • 模板
  • 页脚
  • 这是代码

    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;">&#10003;</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;">&#10003;</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;">&#10003;</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;">&#10003;</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;">&#10003;</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;">&#10003;</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中测试了这一点,效果很好。我能够运行它未经修改,颜色它没有问题。它适用于每一个主要的电子邮件客户端。我会继续思考。
    
    &#10003;
    
    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;">&#10003;</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;">&#10003;</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;">&#10003;</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;">&#10003;</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;">&#10003;</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;">&#10003;</span> <b>Complete</b></tr>
                </tfoot>
            </table>
        {% endfor %}"""
    
        return jinja_tmplt