Web Component: j-MarkdownPreview

  • Info
  • HTML
  • JS
  • CSS
  • Meta


This component depends on j-Markdown component. It uses highlight.js library for syntax highlight.

  • supports syntax highlighting
  • supports YouTube, Vimeo and custom iframes
  • supports barchart and linechart rendering via ApexCharts


  • showsecret {String} a label for displaying of secret (default: Show secret data)
  • hidesecret {String} a label to hide of secret (default: Hide secret data)
  • html {Boolean} prepares inner HTML (it expects rendered Markdown) with Markdown utilities (syntax, secrets, links, etc.)
  • headlines {String} a link to method method(headlines) will be executed when the headlines will be parsed as quick bookmarks

Custom methods:

  • component.readingtime() returns approximate reading time in minutes
  • component.redraw(jquery_el) applies syntax highlighting, iframes and charts for the el element