### Install html2pptxgenjs

Source: https://github.com/it-beyondit/html2pptxgenjs/blob/master/README.md

Use npm to install the package.

```bash
npm install html2pptxgenjs
```

--------------------------------

### Convert HTML Lists to PowerPoint

Source: https://context7.com/it-beyondit/html2pptxgenjs/llms.txt

Demonstrates converting nested unordered and ordered HTML lists into a PowerPoint slide. Ensure html2pptxgenjs and pptxgenjs are installed.

```javascript
const html2pptxgenjs = require('html2pptxgenjs');
const pptxgen = require('pptxgenjs');

const html = `
    <h2>Unordered List</h2>
    <ul>
        <li>First item</li>
        <li>Second item</li>
        <li>Third item with nested list
            <ul>
                <li>Nested item A</li>
                <li>Nested item B</li>
            </ul>
        </li>
    </ul>

    <h2>Ordered List</h2>
    <ol>
        <li>Step one</li>
        <li>Step two
            <ol>
                <li>Sub-step 2.1</li>
                <li>Sub-step 2.2</li>
            </ol>
        </li>
        <li>Step three</li>
    </ol>
`;

const items = html2pptxgenjs.htmlToPptxText(html);

let pres = new pptxgen();
let slide = pres.addSlide();
slide.addText(items, { x: 0.5, y: 0.5, w: 9, h: 5.5, valign: 'top' });
pres.writeFile('lists.pptx');
```

--------------------------------

### Complete Multi-Slide Presentation with CSS

Source: https://context7.com/it-beyondit/html2pptxgenjs/llms.txt

Create a multi-slide presentation with consistent CSS styling applied throughout. This example shows how to define global styles and apply them to different HTML content across multiple slides.

```javascript
const html2pptxgenjs = require('html2pptxgenjs');
const pptxgen = require('pptxgenjs');

// Define CSS styles for consistent formatting
const options = {
    css: "`
        h1 { color: blue; text-align: center; }
        .question { color: red; font-size: 1.2em; }
    `",
    fontSize: 12,
    paraSpaceAfter: 8
};

// Define slides as HTML strings
const slides = [
    "`
    <h1>Text Formatting Demo</h1>
    <p>Normal, <i>italic</i>, <u>underline</u>, <b>bold</b></p>
    <p><sup>superscript</sup>, <sub>subscript</sub>, <s>strikethrough</s></p>
    <p><font size=\"6\" face=\"Calibri\">Calibri size 6</font></p>
    <p><font size=\"4\" face=\"Helvetica\">Helvetica size 4</font></p>
    ",
    "`
    <h1 style=\"font-family: Courier New; color: maroon;\">FAQ</h1>
    <ol>
        <li><span class=\"question\">What is Html2pptxgenjs?</span>
            <ul>
                <li>A library to convert HTML to PowerPoint</li>
                <li>Works in Node.js and browsers</li>
            </ul>
        </li>
        <li><span class=\"question\">How do I install it?</span>
            <ul>
                <li>Run: npm install html2pptxgenjs</li>
            </ul>
        </li>
    </ol>
    <p>For more info visit <a href=\"https://github.com\">GitHub</a></p>
    "
];

// Create presentation
let pres = new pptxgen();
pres.title = 'Html2pptxgenjs Demo';
pres.author = 'Demo Author';

// Add each slide
slides.forEach((html) => {
    let slide = pres.addSlide();
    const items = html2pptxgenjs.htmlToPptxText(html, options);
    slide.addText(items, { x: 0.5, y: 0, w: 9.5, h: 6, valign: 'top' });
});

// Save the presentation
pres.writeFile('complete-presentation.pptx');
```

--------------------------------

### Convert HTML Headers (h1-h6) to PptxGenJS

Source: https://context7.com/it-beyondit/html2pptxgenjs/llms.txt

This example shows how html2pptxgenjs converts HTML header tags (h1-h6) into PptxGenJS text objects, applying proportional font sizes and bold formatting based on the header level. A base font size can be set via options.

```javascript
const html2pptxgenjs = require('html2pptxgenjs');
const pptxgen = require('pptxgenjs');

const html = `
    <h1>Main Title (2x font size)</h1>
    <h2>Section Header (1.5x)</h2>
    <h3>Subsection (1.17x)</h3>
    <h4>Minor Header (1x)</h4>
    <h5>Small Header (0.83x)</h5>
    <h6>Smallest Header (0.67x)</h6>
`;

const options = { fontSize: 12 }; // Base font size
const items = html2pptxgenjs.htmlToPptxText(html, options);

let pres = new pptxgen();
let slide = pres.addSlide();
slide.addText(items, { x: 0.5, y: 0.5, w: 9, h: 5.5, valign: 'top' });
pres.writeFile('headers.pptx');

// h1 = 24pt, h2 = 18pt, h3 = 14pt, h4 = 12pt, h5 = 10pt, h6 = 8pt
```

--------------------------------

### Preformatted Text with <pre> Tag

Source: https://context7.com/it-beyondit/html2pptxgenjs/llms.txt

Use the '<pre>' tag to preserve whitespace and monospace font for code snippets. This example demonstrates converting HTML with a '<pre>' tag into a PowerPoint slide.

```javascript
const html2pptxgenjs = require('html2pptxgenjs');
const pptxgen = require('pptxgenjs');

const options = {
    preFontFace: 'Consolas',  // Custom monospace font for <pre>
    fontSize: 11
};

const html = "`
    <h2>Code Example</h2>
    <pre>
function greet(name) {
    return 'Hello, ' + name + '!';
}

console.log(greet('World'));
    </pre>
    <p>The code above prints \"Hello, World!\"</p>
";

const items = html2pptxgenjs.htmlToPptxText(html, options);

let pres = new pptxgen();
let slide = pres.addSlide();
slide.addText(items, { x: 0.5, y: 0.5, w: 9, h: 5.5, valign: 'top' });
pres.writeFile('preformatted.pptx');
```

--------------------------------

### Convert Basic HTML to PptxGenJS Text

Source: https://context7.com/it-beyondit/html2pptxgenjs/llms.txt

Use this function to convert a simple HTML string into an array of text items compatible with PptxGenJS's addText() method. Ensure you have both html2pptxgenjs and pptxgenjs libraries installed.

```javascript
const html2pptxgenjs = require('html2pptxgenjs');
const pptxgen = require('pptxgenjs');

// Basic usage - convert simple HTML to PptxGenJS text
const html = 'Hello, <b>world</b>!';
const items = html2pptxgenjs.htmlToPptxText(html);

// Create presentation and add text to slide
let pres = new pptxgen();
let slide = pres.addSlide();
slide.addText(items, { x: 0.5, y: 0, w: 9.5, h: 6, valign: 'top' });
pres.writeFile('output.pptx');

// Returns array of text items like:
// [
//   { text: 'Hello, ', options: { bold: false, fontFace: 'Arial', fontSize: 12, ... } },
//   { text: 'world', options: { bold: true, fontFace: 'Arial', fontSize: 12, ... } },
//   { text: '!', options: { bold: false, fontFace: 'Arial', fontSize: 12, ... } }
// ]
```

--------------------------------

### Convert HTML with options

Source: https://github.com/it-beyondit/html2pptxgenjs/blob/master/README.md

Pass an optional configuration object to define CSS rules and initial font settings.

```javascript
const options = {
    css: '.world { color: blue; }',
    fontSize: 20
}

let slide = pres.addSlide();

const items = html2pptxgenjs.htmlToPptxText('Hello, <span class="world">world</span>!', options);

slide.addText(items, { x: 0.5, y: 0, w: 9.5, h: 6, valign: 'top' });
```

--------------------------------

### Configure Html2pptxgenjs Options for Styling

Source: https://context7.com/it-beyondit/html2pptxgenjs/llms.txt

Customize font settings, paragraph spacing, and CSS styles by passing an options object to htmlToPptxText. This allows for advanced styling of converted HTML content.

```javascript
const html2pptxgenjs = require('html2pptxgenjs');
const pptxgen = require('pptxgenjs');

const options = {
    // Default font settings
    fontFace: 'Calibri',           // Default font face (default: 'Arial')
    fontSize: 14,                   // Default font size in points (default: 12)

    // Paragraph spacing
    paraSpaceBefore: 10,            // Space before paragraphs in points
    paraSpaceAfter: 10,             // Space after paragraphs in points

    // Preformatted text font
    preFontFace: 'Consolas',        // Font for <pre> elements (default: 'Courier New')

    // CSS stylesheet rules
    css: `
        h1 {
            color: blue;
            text-align: center;
        }
        .highlight {
            color: red;
            font-size: 1.5em;
            font-weight: bold;
        }
    `
};

const html = `
    <h1>Presentation Title</h1>
    <p>Regular paragraph text.</p>
    <p class="highlight">Important highlighted text!</p>
`;

const items = html2pptxgenjs.htmlToPptxText(html, options);

let pres = new pptxgen();
let slide = pres.addSlide();
slide.addText(items, { x: 0.5, y: 0.5, w: 9, h: 5.5, valign: 'top' });
pres.writeFile('styled-presentation.pptx');
```

--------------------------------

### Apply External CSS Stylesheet to HTML Content

Source: https://context7.com/it-beyondit/html2pptxgenjs/llms.txt

Shows how to use the options.css property to apply external CSS rules to HTML content for PowerPoint generation. Supports element and class selectors.

```javascript
const html2pptxgenjs = require('html2pptxgenjs');
const pptxgen = require('pptxgenjs');

const options = {
    css: `
        h1 {
            color: darkblue;
            text-align: center;
            font-family: Arial Black;
        }

        h2 {
            color: darkgreen;
        }

        .important {
            color: red;
            font-weight: bold;
            font-size: 1.2em;
        }

        .muted {
            color: gray;
            font-size: 0.9em;
        }

        .code {
            font-family: Courier New;
            background-color: #f0f0f0;
        }
    `
};

const html = `
    <h1>Project Status Report</h1>
    <h2>Overview</h2>
    <p>The project is <span class="important">on track</span> for delivery.</p>
    <p class="muted">Last updated: January 2024</p>
    <p>Run command: <span class="code">npm install html2pptxgenjs</span></p>
`;

const items = html2pptxgenjs.htmlToPptxText(html, options);

let pres = new pptxgen();
let slide = pres.addSlide();
slide.addText(items, { x: 0.5, y: 0.5, w: 9, h: 5.5, valign: 'top' });
pres.writeFile('css-styled.pptx');
```

--------------------------------

### Apply Inline CSS Styles in PowerPoint

Source: https://context7.com/it-beyondit/html2pptxgenjs/llms.txt

Demonstrates how to apply various inline CSS styles to HTML content when converting to PowerPoint. Supported properties include color, font, alignment, and margins.

```javascript
const html2pptxgenjs = require('html2pptxgenjs');
const pptxgen = require('pptxgenjs');

const html = `
    <p style="color: navy; font-size: 18pt; font-weight: bold;">
        Bold navy text at 18 points
    </p>
    <p style="background-color: yellow; font-family: Georgia;">
        Yellow highlighted Georgia font
    </p>
    <p style="text-align: center; font-style: italic;">
        Centered italic text
    </p>
    <p>
        <span style="font-size: 2em; font-weight: bold;">
            <span style="color: red;">R</span>
            <span style="color: orange;">A</span>
            <span style="color: green;">I</span>
            <span style="color: blue;">N</span>
            <span style="color: purple;">B</span>
            <span style="color: indigo;">O</span>
            <span style="color: violet;">W</span>
        </span>
    </p>
`;

const items = html2pptxgenjs.htmlToPptxText(html);

let pres = new pptxgen();
let slide = pres.addSlide();
slide.addText(items, { x: 0.5, y: 0.5, w: 9, h: 5.5, valign: 'top' });
pres.writeFile('inline-styles.pptx');
```

--------------------------------

### Convert HTML Text Formatting Tags

Source: https://context7.com/it-beyondit/html2pptxgenjs/llms.txt

This snippet demonstrates the conversion of various HTML text formatting tags like bold, italic, underline, strikethrough, subscript, and superscript into PptxGenJS text options. It also shows custom font styling using the <font> tag.

```javascript
const html2pptxgenjs = require('html2pptxgenjs');
const pptxgen = require('pptxgenjs');

const html = `
    <p>Normal text, <b>bold</b>, <i>italic</i>, <u>underline</u></p>
    <p><s>strikethrough</s>, <del>deleted</del>, <strike>also strikethrough</strike></p>
    <p>H<sub>2</sub>O and E=mc<sup>2</sup></p>
    <p><b><i><u>Combined formatting</u></i></b></p>
    <p><font size="6" face="Georgia" color="purple">Custom font styling</font></p>
`;

const items = html2pptxgenjs.htmlToPptxText(html);

let pres = new pptxgen();
let slide = pres.addSlide();
slide.addText(items, { x: 0.5, y: 0.5, w: 9, h: 5 });
pres.writeFile('formatted-text.pptx');
```

--------------------------------

### Convert HTML Hyperlinks to PowerPoint

Source: https://context7.com/it-beyondit/html2pptxgenjs/llms.txt

Shows how to convert HTML anchor tags into hyperlinks on a PowerPoint slide. Supports external URLs, mailto links, and internal slide navigation.

```javascript
const html2pptxgenjs = require('html2pptxgenjs');
const pptxgen = require('pptxgenjs');

const html = `
    <p>Visit our <a href="https://example.com" title="Example Website">website</a> for more info.</p>
    <p>See <a href="3">slide 3</a> for details.</p>
    <p>Contact us at <a href="mailto:info@example.com">info@example.com</a></p>
`;

const items = html2pptxgenjs.htmlToPptxText(html);

let pres = new pptxgen();
let slide = pres.addSlide();
slide.addText(items, { x: 0.5, y: 1, w: 9, h: 4 });
pres.writeFile('hyperlinks.pptx');

// Hyperlink options generated:
// { hyperlink: { url: 'https://example.com', tooltip: 'Example Website' } }
// { hyperlink: { slide: '3' } }
```

--------------------------------

### Convert HTML to PptxGenJS text

Source: https://github.com/it-beyondit/html2pptxgenjs/blob/master/README.md

Parses an HTML string into a list of items compatible with the PptxGenJS addText method.

```javascript
let slide = pres.addSlide();

const items = html2pptxgenjs.htmlToPptxText('Hello, <b>world</b>!');

slide.addText(items, { x: 0.5, y: 0, w: 9.5, h: 6, valign: 'top' });
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.