Esporta uno stile di bordo simile quando lo stile di bordo non è supportato dai browser Web con JavaScript via C++
Contents
[
Hide
]
Possibili Scenari di Utilizzo
Microsoft Excel supporta alcuni tipi di bordi tratteggiati che non sono supportati dai browser Web. Quando converti un file Excel di questo tipo in HTML usando Aspose.Cells for JavaScript via C++, tali bordi vengono rimossi. Tuttavia, Aspose.Cells può anche supportare la visualizzazione di tali bordi con la proprietà HtmlSaveOptions.exportSimilarBorderStyle. Imposta il suo valore su true e anche i bordi non supportati verranno esportati nel file HTML.
Esporta uno stile di bordo simile quando lo stile di bordo non è supportato dai browser Web
Il seguente esempio di codice carica il file Excel di esempio che contiene alcuni bordi non supportati come mostrato nella seguente schermata. La schermata illustra inoltre l’effetto della proprietà HtmlSaveOptions.exportSimilarBorderStyle all’interno dell'HTML di output.
Codice di Esempio
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Export Similar Border Style Example</title>
</head>
<body>
<h1>Export Similar Border Style Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;">Download Result</a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat, HtmlSaveOptions } = 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 () => {
const fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) {
document.getElementById('result').innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Instantiate Workbook from uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Specify Html Save Options - Export Similar Border Style
const opts = new HtmlSaveOptions();
opts.exportSimilarBorderStyle = true;
// Save the workbook in Html format with specified Html Save Options
const outputData = workbook.save(SaveFormat.Html, opts);
const blob = new Blob([outputData], { type: 'text/html' });
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'outputExportSimilarBorderStyle.html';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download HTML File';
document.getElementById('result').innerHTML = '<p style="color: green;">Export completed successfully! Click the download link to get the HTML file.</p>';
});
</script>
</html>