Xbase++ Requires Chilkat v11.2.0+

Markdown to HTML - Full Document, Custom Theme with Code Syntax Highlighting

Demonstrates how to convert a complete Markdown document to HTML using your own custom theme with Cloudfare Prism's code syntax highlighting.

Chilkat Xbase++ Downloads

Download Chilkat for Xbase++

Xbase++

LOCAL nSuccess
LOCAL oOptions
LOCAL oSbHead
LOCAL nBCrlf
LOCAL oSbMarkdown
LOCAL oSbHtml

nSuccess := 0

nSuccess := 0

oOptions := CreateObject("Chilkat.JsonObject")

//  Instead of specifying a "theme", provide values for the HTML document parts.

oSbHead := CreateObject("Chilkat.StringBuilder")
nBCrlf := 1
oSbHead:AppendLine("<head>", nBCrlf)
oSbHead:AppendLine("<style>", nBCrlf)
oSbHead:AppendLine("body {", nBCrlf)
oSbHead:AppendLine('  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;', nBCrlf)
oSbHead:AppendLine("}", nBCrlf)
oSbHead:AppendLine("</style>", nBCrlf)
oSbHead:AppendLine("</head>", nBCrlf)

//  Each HTML section can be set individually.
oOptions:UpdateString("docType", "<!DOCTYPE html>")
oOptions:UpdateString("rootElement", '<html lang="en">')
oOptions:UpdateString("head", oSbHead:GetAsString())
oOptions:UpdateString("bodyStart", '<body>' + Chr(10) + '<div id="content"')
oOptions:UpdateString("bodyEnd", "</div>" + Chr(10) + "</body>")

//  We can add extra content to the bottom of the HTML head and body sections like this:
//  Here we are using the Cloudfare Prism "coy" theme for code syntax higlighting.
oOptions:UpdateString("extraHead", '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-coy.min.css" />')
oOptions:UpdateString("extraBody", '<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script><script src ="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>')

oSbMarkdown := CreateObject("Chilkat.StringBuilder")
oSbHtml := CreateObject("Chilkat.StringBuilder")

nSuccess := oSbMarkdown:LoadFile("qa_data/markdown/test1.md", "utf-8")
IF (nSuccess == 0)
    ? oSbMarkdown:LastErrorText
    oOptions:destroy()
    oSbHead:destroy()
    oSbMarkdown:destroy()
    oSbHtml:destroy()
    RETURN
ENDIF

oSbMarkdown:MarkdownToHtml(oOptions, oSbHtml)
oSbHtml:ToCRLF()

? oSbHtml: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:

//  

oOptions:destroy()
oSbHead:destroy()
oSbMarkdown:destroy()
oSbHtml:destroy()