Sample code for 30+ languages & platforms
Dart Requires Chilkat v11.2.0+

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

See more Markdown Examples

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

Chilkat Dart Downloads

Download Chilkat for Dart
Dart 
import 'package:chilkat/chilkat.dart';

void main() {
  final options = CkJsonObject();

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

  final sbHead = CkStringBuilder();
  final bCrlf = true;
  sbHead.appendLine('<head>', bCrlf);
  sbHead.appendLine('<style>', bCrlf);
  sbHead.appendLine('body {', bCrlf);
  sbHead.appendLine('  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;', bCrlf);
  sbHead.appendLine('}', bCrlf);
  sbHead.appendLine('</style>', bCrlf);
  sbHead.appendLine('</head>', bCrlf);

  // Each HTML section can be set individually.
  options.updateString('docType', '<!DOCTYPE html>');
  options.updateString('rootElement', '<html lang="en">');
  options.updateString('head', sbHead.getAsString());
  options.updateString('bodyStart', '<body>\n<div id="content"');
  options.updateString('bodyEnd', '</div>\n</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.
  options.updateString('extraHead', '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-coy.min.css" />');
  options.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>');

  final sbMarkdown = CkStringBuilder();
  final sbHtml = CkStringBuilder();

  try {
    sbMarkdown.loadFile('qa_data/markdown/test1.md', 'utf-8');
  } on ChilkatException catch (e) {
    print(e.lastErrorText);
    return;
  }

  sbMarkdown.markdownToHtml(options, sbHtml);
  sbHtml.toCRLF();

  print(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:

  // image
}