Ocultar contenido superpuesto con CrossHideRight al guardar en HTML con JavaScript vía C++
Contents
[
Hide
]
Escenarios de uso posibles
Cuando guardas tu archivo de Excel en HTML, puedes especificar diferentes tipos de cruce para cadenas de celdas. Por defecto, Aspose.Cells genera HTML según Microsoft Excel, pero cuando cambias el tipo de cruce a CrossHideRight, oculta todas las cadenas a la derecha de la celda que están sobrepuestas o que se superponen con la cadena de la celda.
Ocultar contenido superpuesto con CrossHideRight al guardar en Html
El siguiente código de ejemplo carga el archivo de Excel de ejemplo y lo guarda en HTML de salida después de configurar HtmlSaveOptions.htmlCrossStringType como CrossHideRight. La captura de pantalla explica cómo CrossHideRight afecta HTML de salida respecto a la salida predeterminada.
Código de muestra
<!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>