Nascondere contenuto sovrapposto con CrossHideRight durante il salvataggio in HTML con JavaScript via C++
Contents
[
Hide
]
Possibili Scenari di Utilizzo
Quando salvi il tuo file Excel in HTML, puoi specificare diversi tipi di incrocio per le stringhe delle celle. Per default, Aspose.Cells genera HTML secondo Microsoft Excel, ma quando cambi il tipo di incrocio in CrossHideRight, nasconde tutte le stringhe sul lato destro della cella che sono sovrapposte o si sovrappongono con la stringa della cella.
Nascondere il contenuto sovrapposto con CrossHideRight durante il salvataggio in HTML
Il seguente esempio di codice carica il file Excel di esempio e lo salva in HTML di output dopo aver impostato HtmlSaveOptions.htmlCrossStringType come CrossHideRight. La schermata spiega come CrossHideRight influenzi l’HTML di output rispetto a quello di default.
Codice di Esempio
<!DOCTYPE html>
<html>
<head>
<title>Hiding Overlaid Content With CrossHideRight While Saving To Html</title>
</head>
<body>
<h1>Hiding Overlaid Content With CrossHideRight While Saving To Html</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, 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 () => {
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();
// Instantiating a Workbook object by opening the Excel file from the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Specify HtmlSaveOptions - Hide Overlaid Content with CrossHideRight while saving to Html
const opts = new AsposeCells.HtmlSaveOptions();
opts.htmlCrossStringType = AsposeCells.HtmlCrossType.CrossHideRight;
// Save to HTML with HtmlSaveOptions
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 = 'outputHidingOverlaidContentWithCrossHideRightWhileSavingToHtml.html';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download HTML File';
document.getElementById('result').innerHTML = '<p style="color: green;">HTML file created successfully! Click the download link to get the result.</p>';
});
</script>
</html>