Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Export of Reveal.js slides #545

Closed
zeigerpuppy opened this issue Sep 12, 2017 · 7 comments
Closed

Export of Reveal.js slides #545

zeigerpuppy opened this issue Sep 12, 2017 · 7 comments
Labels
feature Wants to add a new feature import/export Related to importing or exporting from or to HackMD in some format

Comments

@zeigerpuppy
Copy link

It would be great to be able to export a .zip file with all the files required for an offline reveal.js slide presentation.

This could then be loaded from a local folder.

To achieve this the following would be required:

  1. export .md file
  2. export js and css folders for reveal.js
  3. export uploaded images
  4. rewrite links (if necessary), actually image upload links should be relative anyway.

This would be really useful as a backup for presentations

@ccoenen ccoenen added the feature Wants to add a new feature label Oct 6, 2017
@SISheogorath
Copy link
Contributor

As a workaround, you can print the slides to PDF. See #33 (comment)

@ccoenen ccoenen added the import/export Related to importing or exporting from or to HackMD in some format label Oct 6, 2017
@Marwe
Copy link

Marwe commented Oct 17, 2017

use "save as" in your browser, e.g via right-click or ctrl-s

@Profpatsch
Copy link

wget --recursive --convert-links did the trick for me.

@SISheogorath
Copy link
Contributor

With #863 We should provide an easy way to print slides and this way export them.

I don't see the need to add a more complex export.

If one wants the slides offline, we offer to download the markdown. Integrating it in his revealjs should be doable or they can just use PDF based slides or the online version.

@zeigerpuppy
Copy link
Author

zeigerpuppy commented Aug 14, 2018

I have found a way to save an archive of a slide presentation built with codimd.
I had some trouble getting wget to pull the images from the presentation (I think because the links to the images are in markdown).

So, it's a three step process but it's quick and works well.
Let's say you have a slide show at https://codimd.server.net/p/S1PIjfhM8#/

  1. use wget to grab the files and the requisites (.css and .js)
  • your presentation will end up as p/S1PIjfhM8.html
wget   --recursive   --no-clobber   --page-requisites   \
--html-extension   --convert-links   \
--domains codimd.server.net \
https://codimd.server.net/p/S1PIjfhM8#/
  1. use the firefox plugin: Image Picka
  • use the save pattern: Image_Picka/uploads/${name}${ext}
  • it gets all images on page (including .svg)
  • move the images to the folder called uploads in the web archive root
  1. we need to use sed to change the links in the html file to relative links so that they point to the images
cd p
sed -i .bak 's|/uploads/upload_|../uploads/upload_|g' S1PIjfhM8.html

Then you'll have a full copy of the slides that you can run offline. It's also good for archive purposes.

It'd be great if something like this was also built into the codimd program under the save options, maybe save slides.

@ostrokach
Copy link

ostrokach commented Nov 1, 2019

I have had success with the Save All Resources chrome extension. The only issue is that it uses the browser cache for all external assets, so if you purge your cache (for example, by pressing Ctrl + Shift + R), the offline presentation stops working.

JJediny pushed a commit to 18F/codimd-cloudgov-template that referenced this issue Dec 16, 2020
Fixes hackmdio#545

Co-authored-by: Yannick Bungers <git@innay.de>
Signed-off-by: David Mehren <git@herrmehren.de>
@cboulanger
Copy link

As far as this is useful for anyone, I put together a script that lets you create a self-contained copy of the Reveal.js presentation integrated in the HedgeDoc platform, at least as it is implemented on https://pad.gwdg.de. The code is here. It only works with https://pad.gwdg.de but should give you a clue how to write a script for other Reveal.js integrations.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature Wants to add a new feature import/export Related to importing or exporting from or to HackMD in some format
Projects
None yet
Development

No branches or pull requests

7 participants