Lianja

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 Lianja Downloads

Download Chilkat for Lianja

Lianja

llSuccess = .F.

llSuccess = .F.

loOptions = createobject("CkJsonObject")

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

loSbHead = createobject("CkStringBuilder")
llBCrlf = .T.
loSbHead.AppendLine("<head>",llBCrlf)
loSbHead.AppendLine("<style>",llBCrlf)
loSbHead.AppendLine("body {",llBCrlf)
loSbHead.AppendLine('  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;',llBCrlf)
loSbHead.AppendLine("}",llBCrlf)
loSbHead.AppendLine("</style>",llBCrlf)
loSbHead.AppendLine("</head>",llBCrlf)

// Each HTML section can be set individually.
loOptions.UpdateString("docType","<!DOCTYPE html>")
loOptions.UpdateString("rootElement",'<html lang="en">')
loOptions.UpdateString("head",loSbHead.GetAsString())
loOptions.UpdateString("bodyStart",'<body>' + Chr(10) + '<div id="content"')
loOptions.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.
loOptions.UpdateString("extraHead",'<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-coy.min.css" />')
loOptions.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>')

loSbMarkdown = createobject("CkStringBuilder")
loSbHtml = createobject("CkStringBuilder")

llSuccess = loSbMarkdown.LoadFile("qa_data/markdown/test1.md","utf-8")
if (llSuccess = .F.) then
    ? loSbMarkdown.LastErrorText
    release loOptions
    release loSbHead
    release loSbMarkdown
    release loSbHtml
    return
endif

loSbMarkdown.MarkdownToHtml(loOptions,loSbHtml)
loSbHtml.ToCRLF()

? loSbHtml.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:

// 


release loOptions
release loSbHead
release loSbMarkdown
release loSbHtml