Giter VIP home page Giter VIP logo

Comments (15)

ChihChengLiang avatar ChihChengLiang commented on August 15, 2024 13

Dear maintainers,

Thanks for this awesome project. Was googling for how to export slides to pdf and end up finding this discussion here. Would like a feature that can do this, but after went through some issue discussion here I understand lots of works are still going on. For anyone want to export slides to pdf, here I offer a workaround for you.

  1. Modify the url by appending ?print-pdf after it. For example, change from https://hackmd.io/p/slide-example#/ to https://hackmd.io/p/slide-example?print-pdf. Note that ?print-pdf must be put before #/

  2. Select print in the right-click menu. If you only intend to send it as pdf, check the background graphics option and you are in business.

screen shot 2016-12-16 at 11 16 02 am

  1. If you want to print it and find a dark background too ink costly, you might want to uncheck the background graphics and use a black font color. Open your browser developer console and enter the following command $("h1, h2, p").css("color", "black"), then you are good to print. For example, in Chrome browser and Mac OS you press opt + cmd +j to open the developer console and paste the magic spell.

screen shot 2016-12-16 at 11 25 27 am

Cheers,
Chih-Cheng

from codimd.

amigrave avatar amigrave commented on August 15, 2024 4

Pandoc will export to pdf using it's renderer which is not aware of all the extra components supported by hackmd (eg: mathjax, diagram, google emojis, ... )

Converting the generated html to pdf is the best bet if we want to support all the javascript exotic features. and as a bonus, it will give you the same look/styles that you actually see in hackmd versus a custom renderer which would render with different styles.

from codimd.

jvoisin avatar jvoisin commented on August 15, 2024 3

What about pandoc (#48) ;)

from codimd.

komikoni avatar komikoni commented on August 15, 2024 1

The "?Print-pdf" feature of the slide no longer works properly.
Now, only the first page can be printed, and the second and subsequent pages can not be printed.

from codimd.

jackycute avatar jackycute commented on August 15, 2024 1

@komikoni Sorry about that. It's an issue of HackMD.io, CE can use ?print-pdf properly.
And we've moved all our EE and HackMD.io issues here:
https://github.com/hackmdio/hackmd-io-issues/issues
Please check there.

from codimd.

amigrave avatar amigrave commented on August 15, 2024

Why not using wkhtml2pdf on the generated html ?

from codimd.

jackycute avatar jackycute commented on August 15, 2024

I don't know wkhtml2pdf before, looks good and will give it a try.
But see from the https://github.com/wkhtmltopdf/wkhtmltopdf/issues
It has lots of issue not solved.

Anyway, thanks for help!

from codimd.

jackycute avatar jackycute commented on August 15, 2024

Use markdown-pdf right now, not bad.

from codimd.

vincfleurette avatar vincfleurette commented on August 15, 2024

Could you add a way to integrate the summary in the pdf export ?

from codimd.

jackycute avatar jackycute commented on August 15, 2024

Hi @vincfleurette,
Could you tell more about "the summary" ?

from codimd.

amlwwalker avatar amlwwalker commented on August 15, 2024

What could be nice is adding a PDF export button for something like https://docraptor.com/ for those who are happy to pay for the conversion. PDF generation is always tedious from things like markdown, but as HTML export is already implemented, it could be a simple solution? Example code on their website on how to POST HTML to docraptor, and get back a PDF, which you then offer to the user via download... Just a thought...

from codimd.

jackycute avatar jackycute commented on August 15, 2024

@amlwwalker good point!
I found out how dillinger did their PDF export yesterday, we might be able to do this too.
https://github.com/joemccann/dillinger/blob/b28fd80445ac02739548d99d79ea6490ac4c7d2d/plugins/core/server.js#L109

from codimd.

tigercosmos avatar tigercosmos commented on August 15, 2024

Shall we work on this to land the function to export PDF?

from codimd.

SISheogorath avatar SISheogorath commented on August 15, 2024

@tigercosmos Pull Requests are welcome :)

In general, we have currently a way to export the documents as PDF on self-hosted instances.

Exporting the Slides as PDF would be another nice feature. If you want to implement that feel free to do so. We would love it!

from codimd.

fabioperrella avatar fabioperrella commented on August 15, 2024

I've just noticed the export to PDF works much better in Chrome compared to Firefox!

I'm using Ubuntu 16.04

from codimd.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.