HTML 列未使用 DocuSign 呈现 API

Question

我正在使用 DocuSign 沙箱（测试）环境来发送 HTML 文档以进行数字签名。

据我了解，Docusign 将所有文档类型转换为 PDF。此过程似乎导致我的 HTML 文档出现渲染问题，尤其是列结构。我已经尝试使用 "Float"、"Inline-Block" 和 "Flex" 来显示列，但都无法通过 DocuSign 正确呈现。

这是 HTML 在通过 DocuSign 之前的样子这是使用 Flex 创建两个 'columns'：

这是 HTML 在通过 DocuSign 后的样子。请注意，列消失了。

编辑：这是 HTML 代码

<!DOCTYPE html>
<html>
<head lang="en">
<style>
#wrapper{
 display: flex;
}
#contact-left{
 flex: 1;

}
#contact-right{
 flex: 1

}
.anchor-tags{
 color:white
}
</style>
<title>Docusign Template</title>
</head>
<body>
<div id="wrapper">

 <div id="contact-left">
  <h3>Date:</h3>
  <h3>Contact Name:</h3>
  <h3>Firm Name: ("Broker")</h3><span class="anchor-tags">franklinrepsig</span>
  <h3>Lender: ("Assignor")</h3>
 </div>
 <div id="contact-right">
  <h3>Phone No:</h3>
  <h3>Fax No:</h3>
  <h3>Date: </h3><span class="anchor-tags">assigneedate</span>
 </div>

 
</div>
</body>
</html>

Answer 1

使用 HTML 表格可以正确呈现文档。请尝试以下

<!DOCTYPE html>
<html>
<head lang="en">
    <style>
        .anchor-tags {
            color: white;
        }
    </style>
    <title>Docusign Template</title>
</head>
<body>
    <table style="width:100%">
        <tr>
            <td width="35%"><h3>Date:</h3></td>
            <td width="35%"></td>
            <td width="15%"><h3>Phone No:</h3></td>
            <td></td>
        </tr>
        <tr>
            <td><h3>Contact Name:</h3></td>
            <td></td>
            <td><h3>Fax No:</h3></td>
            <td></td>
        </tr>
        <tr>
            <td><h3>Firm Name: ("Broker")</h3></td>
            <td><span class="anchor-tags">franklinrepsig</span></td>
            <td><h3>Date: </h3></td>
            <td><span class="anchor-tags">assigneedate</span></td>
        </tr>
        <tr>
            <td><h3>Lender: ("Assignor")</h3></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
</body>
</html>

HTML 列未使用 DocuSign 呈现 API

HTML columns not rendering with DocuSign API

html

rendering

docusignapi