Obtenir la chaîne HTML5 à partir de la cellule
Contents
[
Hide
]
Scénarios d’utilisation possibles
Aspose.Cells renvoie la chaîne HTML de la cellule en utilisant la méthode Cell.htmlString(boolean) qui accepte un paramètre booléen. Si vous passez false comme paramètre, il renverra le HTML normal mais si vous passez true, il renverra la chaîne HTML5.
Obtenir une chaîne HTML5 à partir de la cellule
Le code d’exemple suivant crée un objet classeur et ajoute du texte dans la cellule A1 de la première feuille. Il récupère ensuite la chaîne HTML normal et la chaîne HTML5 de la cellule A1 en utilisant la méthode Cell.htmlString(boolean) et les affiche dans la console.
Code d’exemple
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
<meta charset="utf-8" />
</head>
<body>
<h1>Aspose.Cells Example - Get HTML String from Cell</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, Worksheet, Cell, 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 () => {
// This example creates a new workbook, writes text to A1 and retrieves HTML strings.
const wb = new Workbook();
const ws = wb.worksheets.get(0);
const cell = ws.cells.get("A1");
cell.value = "This is some text.";
const strNormal = cell.htmlString;
const strHtml5 = cell.htmlString;
console.log("Normal:\r\n" + strNormal);
console.log();
console.log("Html5:\r\n" + strHtml5);
document.getElementById('result').innerHTML =
'<h2>Results</h2>' +
'<p><strong>Normal:</strong></p><pre>' + escapeHtml(strNormal) + '</pre>' +
'<p><strong>Html5:</strong></p><pre>' + escapeHtml(strHtml5) + '</pre>' +
'<p style="color: green;">Operation completed successfully!</p>';
});
function escapeHtml(text) {
if (text === null || text === undefined) return "";
return String(text)
.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
}
</script>
</html>
Sortie console
Normal:
<Font Style="FONT-FAMILY: Arial;FONT-SIZE: 10pt;COLOR: #000000;">This is some text.</Font>
Html5:
<div Style="FONT-FAMILY: Arial;FONT-SIZE: 10pt;COLOR: #000000;">This is some text.</div>