Question

我正在努力将HTML表格转换为具有完全相同显示的只读文档。它可以是PDF，各种图像类型或其他类型的文档或文件：它无法编辑此文档。转换应该在用户点击时发生，这是一个Android智能手机应用程序的小部件（不在浏览器上使用，它不是网页！）。

我一直在尝试使用'jspdf'将此HTML表格转换为PDF，但直到现在它还不可能。我正在使用一个允许我使用HTML和JS的在线平台。

以下是我的HTML的重要部分：

<table>

<tr>
  <td colspan="3" align="center" bgcolor="#2AD2C9"><h2>Purchase Order</h2></td>
</tr>
<tr>
  <td colspan="3" align="center" bgcolor="#97D700"><h3>Equipamiento</h3></td>
</tr>
<tr>
  <td align="center" bgcolor="#D4D4D4"></td>
  <td align="center" bgcolor="#D4D4D4"><b><em>Tipo/Cantidad</em></b></td>
</tr>
<tr>
  <td align="center" bgcolor="#D4D4D4">Modelo de Placa:</td>
  <td align="center" bgcolor="#D4D4D4"><select id="tipoPlaca" size="1">
    <option id="defaultP" value="0">Seleccione una placa</option>
</select>
  </td>
</tr>
<tr>
  <td align="center" bgcolor="#D4D4D4">Modelo de Inversor:</td>
  <td align="center" bgcolor="#D4D4D4"><select id="tipoInversor" onchange="espacioArreglos()" size="1">
    <option id="defaultI" value="0">Seleccione un inversor</option>
</select>
  </td>
</tr>
<tr>
  <td align="center" bgcolor="#F4F4F4">Longitud de PVC:</td>
  <td align="center" bgcolor="#F4F4F4"><input type="number" id="longitudPVC" onchange="calculoCableria()" size="1"></td>
</tr>
<tr>
  <td align="center" bgcolor="#D4D4D4">Cantidad de arreglos:</td>
  <td align="center" bgcolor="#D4D4D4"><input type="number" id="cantidadArreglos" onchange="espacioArreglos()" size="1"></td>
</tr>
  <tr>
    <td align="center" bgcolor="#D4D4D4">Cantidad de placas:</td>
    <td bgcolor="#FFFF00"><div id="container"></div></td>
</tr>
<tr> 
  <td colspan="3" align="center" bgcolor="#97D700"><h3>Total de equipamiento</h3>
</tr>
<tr>
  <td align="center" bgcolor="#D4D4D4">Total de placas:</td>
  <td align="center" bgcolor="#D4D4D4"><input type="number" id="totalPlacas" readonly></td>
</tr>

 <tr>
  <td align="center" bgcolor="#D4D4D4">Total de junctions:</td>
   <td align="center" bgcolor="D4D4D4"><div id="totalJunctions"></div></td>
</tr>

最后，我想点击“ConvertPDF”按钮，它会自动生成一个与我所制作的表格完全相同的PDF：

<tr>
  <td align="center" bgcolor="#D4D4D4"><button type="reset" value="Reset" onclick="eliminarContenido('totalJunctions');clearArray();">Reset</button></td>
  <td align="center" bgcolor="#D4D4D4"><input type="button" id="btnPrint" value="ConvertPDF" onclick="something()" /></td>
</tr>

我尝试过使用'jspdf'在其他帖子中看到的不同方法但到目前为止没有任何工作......正如你所看到的，我不是一个经验丰富的程序员所以我非常感谢一些帮助来学习如何做到这一点！它不需要保存pdf，只需要保存在一种你无法编辑的文件中！

将HTML表保存为只读文件/文档

0 个答案: