Formatage des plages avec JavaScript via C++
Scénarios d’utilisation possibles
Lorsque vous devez appliquer un style à une plage, vous pouvez utiliser le formatage des plages.
Comment formater une plage dans Excel
Pour formater une plage de cellules dans Excel, vous pouvez utiliser les options de formatage intégrées fournies par Excel. Voici comment vous pouvez formater une plage de cellules directement dans Excel:
-
Ouvrez Excel et ouvrez le classeur qui contient la plage que vous souhaitez formater.
-
Sélectionnez la plage de cellules que vous souhaitez formater. Vous pouvez cliquer et faire glisser pour sélectionner la plage, ou vous pouvez utiliser des raccourcis clavier comme Maj + touches de direction pour étendre la sélection.
-
Une fois la plage sélectionnée, faites un clic droit sur la plage sélectionnée et choisissez “Format de cellule” dans le menu contextuel. Alternativement, vous pouvez aller dans l’onglet Accueil dans le ruban Excel, cliquer sur la liste déroulante “Format” dans le groupe “Cellules”, et sélectionner “Format de cellule”.
-
La boîte de dialogue “Format de cellule” apparaîtra. Ici, vous pouvez choisir différentes options de formatage à appliquer à la plage sélectionnée. Par exemple, vous pouvez changer le style de police, la taille de police, la couleur de police, le format de nombre, les bordures, la couleur de fond, etc. Explorez les différents onglets de la boîte de dialogue pour accéder à diverses options de formatage.
-
Après avoir apporté les modifications de formatage souhaitées, cliquez sur le bouton “OK” pour appliquer le formatage à la plage sélectionnée.
Comment formater une plage en utilisant JavaScript
Pour formater une plage en utilisant Aspose.Cells for JavaScript via C++, vous pouvez utiliser les méthodes suivantes :
Code d’exemple
Dans cet exemple, nous créons un classeur Excel, ajoutons des données d’exemple, accédons à la première feuille de calcul, et définissons deux plages(“A1:C3” et “A4:C5”). Ensuite, nous créons de nouveaux styles, définissons diverses options de formatage (par exemple, couleur de police, gras), et appliquons le style à la plage. Enfin, nous enregistrons le classeur dans un nouveau fichier.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
</head>
<body>
<h1>Aspose.Cells 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 } = 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();
// Create the workbook from the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Get the first worksheet
const ws = workbook.worksheets.get(0);
const cells = ws.cells;
// Setting the value to the cells (converted putValue -> value)
let cell = cells.get("A1");
cell.value = "Fruit";
cell = cells.get("B1");
cell.value = "Count";
cell = cells.get("C1");
cell.value = "Price";
cell = cells.get("A2");
cell.value = "Apple";
cell = cells.get("A3");
cell.value = "Mango";
cell = cells.get("A4");
cell.value = "Blackberry";
cell = cells.get("A5");
cell.value = "Cherry";
cell = cells.get("B2");
cell.value = 5;
cell = cells.get("B3");
cell.value = 3;
cell = cells.get("B4");
cell.value = 6;
cell = cells.get("B5");
cell.value = 4;
cell = cells.get("C2");
cell.value = 5;
cell = cells.get("C3");
cell.value = 20;
cell = cells.get("C4");
cell.value = 30;
cell = cells.get("C5");
cell.value = 60;
// Access the worksheet (already have ws, but keep variable for clarity)
const worksheet = workbook.worksheets.get(0);
// Define the range
const range = worksheet.cells.createRange("A1:C3");
// Apply formatting to the range
const style = workbook.createStyle();
style.font.color = AsposeCells.Color.Red;
style.font.isBold = true;
const flag = new AsposeCells.StyleFlag();
flag.font = true;
range.applyStyle(style, flag);
// Define the range
const range2 = worksheet.cells.createRange("A4:C5");
// Apply formatting to the range
const style2 = workbook.createStyle();
style2.font.color = AsposeCells.Color.Blue;
style2.font.isItalic = true;
range2.setStyle(style2);
// Save the modified workbook and provide download link
const outputData = workbook.save(SaveFormat.Xlsx);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output.xlsx';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Excel File';
document.getElementById('result').innerHTML = '<p style="color: green;">Workbook modified successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>