在使用Aspose.Cells for JavaScript通过C++加载工作簿中的HTML时自动调整列宽和行高
Contents
[
Hide
]
可能的使用场景
你可以在加载工作簿中的HTML文件时自动调整列和行大小。请将HtmlLoadOptions.autoFitColsAndRows属性设置为true以实现此目的。
加载HTML至工作簿时自适应调整列和行
以下示例代码首先在没有任何加载选项的情况下将示例HTML加载到工作簿中，并保存为XLSX格式。然后再次加载样本文HTML，但这次将HtmlLoadOptions.autoFitColsAndRows属性设置为true，然后保存为XLSX格式。请下载两个输出Excel文件，即【无自动调整列行的输出Excel】和【自动调整列行的输出Excel】。下方截图显示了HtmlLoadOptions.autoFitColsAndRows属性对两个输出Excel文件的影响。
示例代码
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example - Load HTML and Save XLSX</title>
</head>
<body>
<h1>Load HTML String into Workbook and Save</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Run Example</button>
<div>
<a id="downloadLink1" style="display: none; margin-right: 10px;">Download Result 1</a>
<a id="downloadLink2" style="display: none;">Download Result 2</a>
</div>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat, HtmlLoadOptions, Utils } = AsposeCells;
AsposeCells.onReady({
license: "/lic/aspose.cells.enc",
fontPath: "/fonts/",
fontList: [
"arial.ttf",
"NotoSansSC-Regular.ttf"
]
}).then(() => {
console.log("Aspose.Cells initialized");
});
document.getElementById('runExample').addEventListener('click', async () => {
// Sample HTML.
const sampleHtml = "<html><body><table><tr><td>This is sample text.</td><td>Some text.</td></tr><tr><td>This is another sample text.</td><td>Some text.</td></tr></table></body></html>";
// Convert HTML string to Uint8Array (memory stream).
const ms = new TextEncoder().encode(sampleHtml);
// Load memory stream into workbook.
const wb1 = new Workbook(ms);
// Save the workbook in xlsx format.
const outputData1 = wb1.save(SaveFormat.Xlsx);
const blob1 = new Blob([outputData1]);
const downloadLink1 = document.getElementById('downloadLink1');
downloadLink1.href = URL.createObjectURL(blob1);
downloadLink1.download = 'outputWithout_AutoFitColsAndRows.xlsx';
downloadLink1.style.display = 'inline-block';
downloadLink1.textContent = 'Download outputWithout_AutoFitColsAndRows.xlsx';
// Specify the HTMLLoadOptions and set AutoFitColsAndRows = true.
const opts = new HtmlLoadOptions();
opts.autoFitColsAndRows = true;
// Load memory stream into workbook with the above HTMLLoadOptions.
const wb2 = new Workbook(ms, opts);
// Save the workbook in xlsx format.
const outputData2 = wb2.save(SaveFormat.Xlsx);
const blob2 = new Blob([outputData2]);
const downloadLink2 = document.getElementById('downloadLink2');
downloadLink2.href = URL.createObjectURL(blob2);
downloadLink2.download = 'outputWith_AutoFitColsAndRows.xlsx';
downloadLink2.style.display = 'inline-block';
downloadLink2.textContent = 'Download outputWith_AutoFitColsAndRows.xlsx';
document.getElementById('result').innerHTML = '<p style="color: green;">Operation completed successfully! Use the download links to get the generated files.</p>';
});
</script>
</html>