ljhaywar / GDocsMarkdownPreview

Preview Markdown from GDocs with syntax highlighting in realtime

Preview Markdown in Google Docs

Realtime Markdown preview in Google Docs with syntax highlighting

Install from Google Web Store

Available in Google web store: https://chrome.google.com/webstore/detail/preview-markdown/hlcflgaamnhiibdebkjbojhfkkckkjif?authuser=0

On an existing Google docs,

• Click Add-ons -> Get Add-ons...
• Search for Markdown
• Click + FREE to install this for your document
• Continue working on your document as the preview will be updated in real-time in the sidebar.

Manually adding this script to your doc (once per doc)

• Open your Google Drive document (http://drive.google.com)
• Tools -> Script Editor > Create script for blank project
• Clear the default Code.gs file and paste the contents of Code.gs into the code editor
• Add a new HTML file (File -> New -> HTML File) with the name Sidebar.html and paste the content of Sidebar.html into the code editor
• File -> Save (or Ctrl/⌘ + S) for both open files
• When prompted enter new project name for 'Untitled project', e.g. 'Preview Markdown'
• Close the window, return to the GDocs window and follow Add-ons -> Preview Markdown -> Start

All credit goes to the showdown.js and highlight.js as these libraries made this possible.

Privacy Policy