Search code examples
htmlmarkdown

Display pdf image in markdown


Is this possible? Everything I'm google leads me to converting markdown to PDF. But I want to display a PDF image in a markdown file. This is my example:

![hustlin_erd](erd.pdf)

If i use a regular image, it works just fine. Also I'm aware of converting PDF to image.


Solution

  • Markdown itself doesn't have a mechanism for embedding a PDF. However, Markdown accepts raw HTML in its input and passes it through unaltered. So the question you might want to ask is: How would you embed a PDF in HTML? In other words, what HTML would one use to have a browser display a PDF embedded in an HTML page? You would just include that HTML in your Markdown document.

    You can find lots of suggestions in answers to the question: Recommended way to embed PDF in HTML?. For example, this answer provides a nice solution with a fallback for older browsers (all credit goes to Suneel Omrey):

    <object data="http://yoursite.com/the.pdf" type="application/pdf" width="700px" height="700px">
        <embed src="http://yoursite.com/the.pdf">
            <p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://yoursite.com/the.pdf">Download PDF</a>.</p>
        </embed>
    </object>