HTML ye kaydederken CSS Özel Özelliklerini etkinleştirin (JavaScript ile C++)

Olası Kullanım Senaryoları

Excel dosyanızı HTML’ye kaydederken, tek bir temel64 resmi için birden fazla tekrar varsa, özel özellik ile resim verileri yalnızca bir kez kaydedilmelidir, böylece ortaya çıkan HTML’nin performansı artırılabilir. Lütfen HtmlSaveOptions.enableCssCustomProperties özelliğini kullanın ve kaydederken true olarak ayarlayın. todo:image_alt_text

** HTML’ye Kaydederken CSS Özel Özelliklerini Etkinleştir**

Aşağıdaki örnek kod, HtmlSaveOptions.enableCssCustomProperties özelliğinin kullanımını gösterir. Ekran görüntüsü, bu özelliğin true olarak ayarlanmadığında etkisini gösterir. Lütfen bu kodda kullanılan örnek Excel dosyasını ve onun tarafından oluşturulan çıktı HTML’sini indirin ve referans alın.

Örnek Kod

<!DOCTYPE html>
<html>
    <head>
        <title>Enable CSS Custom Properties Example</title>
    </head>
    <body>
        <h1>Enable CSS Custom Properties Example</h1>
        <input type="file" id="fileInput" accept=".xls,.xlsx" />
        <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 () => {
            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 from the uploaded file
            const workbook = new Workbook(new Uint8Array(arrayBuffer));

            // Create HtmlSaveOptions and set properties (converted from setters to property assignments)
            const opts = new AsposeCells.HtmlSaveOptions();
            opts.exportImagesAsBase64 = true;
            opts.enableCssCustomProperties = true;

            // Save the workbook to HTML using SaveFormat.Html and provided 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 = 'outputEnableCssCustomProperties.html';
            downloadLink.style.display = 'block';
            downloadLink.textContent = 'Download HTML File';

            document.getElementById('result').innerHTML = '<p style="color: green;">HTML saved successfully! Click the download link to get the file.</p>';
        });
    </script>
</html>
Çerçeve Scriptleri ve Belge Özelliklerini JavaScript ile C++ kullanarak Dışa Aktarmayı Devre Dışı Bırak JavaScript ve C++ kullanarak, tablolara varsayılan yazı tipini ayarlayın