(Node.js) Markdown to HTML - Full Document, ChatGPT Theme

See more Markdown Examples

Demonstrates how to convert a complete Markdown document to HTML using the pre-defined "ChatGPT" theme. The "ChatGPT" theme produces a full HTML document including:

Document Type Declaration (e.g. <!DOCTYPE html>)
Root Element (e.g., <html> )
Head Section
Enclosing <body> and </body> elements
Closing </html> element

The Head Section includes style definitions that display the HTML in a style similar to the ChatGPT app. (How did Chilkat do it? We simply asked ChatGPT to generate CSS that is similar in style to the HTML displayed in the ChatGPT app.)

Note: This example requires Chilkat v11.2.0 or greater.

Install Chilkat for Node.js and Electron using npm at

Chilkat npm packages for Node.js
Chilkat npm packages for Electron
on Windows, Linux, MacOS

var os = require('os');
if (os.platform() == 'win32') {  
  var chilkat = require('@chilkat/ck-node23-win64'); 
} else if (os.platform() == 'linux') {
    if (os.arch() == 'arm') {
        var chilkat = require('@chilkat/ck-node23-linux-arm');
    } else if (os.arch() == 'arm64') {
        var chilkat = require('@chilkat/ck-node23-linux-arm64');
    } else {
        var chilkat = require('@chilkat/ck-node23-linux-x64');
    }
} else if (os.platform() == 'darwin') {
  var chilkat = require('@chilkat/ck-node23-mac-universal');
}

function chilkatExample() {

    var success = false;

    // Select the pre-defined "ChatGPT" style.
    var options = new chilkat.JsonObject();
    options.UpdateString("theme","ChatGPT");

    // We can also set an option for the max-width, which by default is "72ch".
    options.UpdateString("ChatGPT.max-width","120ch");

    var sbMarkdown = new chilkat.StringBuilder();
    var sbHtml = new chilkat.StringBuilder();

    success = sbMarkdown.LoadFile("qa_data/markdown/test1.md","utf-8");
    if (success == false) {
        console.log(sbMarkdown.LastErrorText);
        return;
    }

    sbMarkdown.MarkdownToHtml(options,sbHtml);
    sbHtml.ToCRLF();

    console.log(sbHtml.GetAsString());

    // The sample markdown input for this example is identical to the one at Markdown to HTML - Full Document, Raw, where you can view it.

    // Sample HTML output as viewed in a browser:
    // 
    // To add code syntax highlighting, see the example at Markdown to HTML - Full Document, ChatGPT Theme with Code Syntax Highlighting

    // 

}

chilkatExample();