webpro / reveal-md Goto Github PK
View Code? Open in Web Editor NEWreveal.js on steroids! Get beautiful reveal.js presentations from any Markdown file
License: MIT License
reveal.js on steroids! Get beautiful reveal.js presentations from any Markdown file
License: MIT License
notes ismith$ reveal-md test.md --print test.pdf
Attempting to print "test.md" to filename "test.pdf.pdf" as PDF
ls tePrinting PDF (Paper size: 1920x1400)
Printed succesfully
File created is actually test.pdf
, not test.pdf.pdf
. (Same result with --print test.pdf
.)
I'm having trouble figuring out how to use some of the advanced markdown features. I've tried examples as shown on the reveal.js site, e.g.:
- Item 1 <!-- .element: class="fragment" data-fragment-index="2" -->
- Item 2 <!-- .element: class="fragment" data-fragment-index="1" -->
Can you provide some examples in markdown of how to do fragments and vertical slides in markdown?
Thanks!
As title. The new version has fixes for e.g. page numbers when print-pdf is used, so bumping the version would be good.
As far as I can tell, highlight.js themes are not being applied properly. The zenburn theme should look like it does on this page:
http://highlightjs.org/static/test.html
But not coloring seems to be applied.
This was the error I got:
laptop:notes ismith$ reveal-md --print test.md
Attempting to print "undefined" to filename "test.md.pdf" as PDF
undefined
A more verbose message ("Couldn't find phantomjs, install that and try again") would have been helpful.
I'm currently using ---
as mentioned in the documentation, but when using reveal-md myslide.md
these contents are in only one side.
Please guide.
# Getting Started using AngularJS
---
## Instructor
Kongthap Thammachat (tutor4dev)
---
## Sample Code
$http.get(url)
.success(function(data) {
defer.resolve(data);
});
---
Thanks
Kongthap
Would it be possible to allow urls for the --theme option? Then it would be possible to use custom themes from within any third-party repository and have them auto update. Simply download the css file and put it in the correct directory. I don't exactly understand how the custom theme code is implemented.
This is a great project - exactly what I was looking for! I think many users could benefit from a custom syntax (much like your slide separator --- ) that elminates a block of markdown from the slide creation. This way slides could be parsed out of a larger text document eliminating the need for a separate slides document. This would be an awesome feature!
Another feature idea would be to add an option (ie. --jpg) that returns a set of *.jpg images for slides. This might be accomplished through imagemagick. This might seem to defeat the point of the whole HTML5 glory but it would have its very necessary uses in things like preview images in notes or web icons, etc.
Great work thus far!
Q 1. Can I do fragment using pure markdown ?
e.g.
This is my list
Q 2. Can I override style sheet e.g. specify my own mystyle.css ?
Hi @webpro,
Thanks for accepting my recent PRs. I hope that I didn't mess up your release cycle but I realize we haven't updated the tags/releases, last version is 0.0.6.
If any of those could be done post, then I suggest we keep that timeline up to date. Thoughts?
Hi, This module is really cool. I want to share the rendered html, is there an easy way to do it?
Thanks
printing pdf fails due to express app having no close methods: from this stackoverflow answer it seems that close should be called on the http.Server
.
Attempting to print "slides.md" to filename "slides.pdf" as PDF
Printing PDF (Paper size: 1920x1400)
Printed succesfully
/home/maxlath/.nvm/v0.10.35/lib/node_modules/reveal-md/bin/server.js:81
app.close();
^
TypeError: Object function (req, res, next) {
app.handle(req, res, next);
} has no method 'close'
at /home/maxlath/.nvm/v0.10.35/lib/node_modules/reveal-md/bin/server.js:81:15
at ChildProcess.exithandler (child_process.js:656:7)
at ChildProcess.emit (events.js:98:17)
at maybeClose (child_process.js:766:16)
at Process.ChildProcess._handle.onexit (child_process.js:833:5)
thank you for this tool!
Is there a way to use reveal-md with reavealjs multiplex support feature? That would be awesome!
Thanks and congratulations for the great software.
I'm trying to include an image in a presentation, and can't get reveal-md to serve it. I'm placing the image next to the MD file and using <img src="image.png"/>
but get a 404 (reveal-md is started from the same directory as the MD file).
Does the local reveal-md server serve static files at all?
It would be nice to be able to specify --watch
and have it auto reload when changes are made. This would simplify writing a presentation. What do you think?
I wrote
"backgroundTransition": "slide",
in reveal.json
and then I try to override it by data-background-transition="convex"
. But it's not working.
SAMPLE CODE:
## First page
---
## Second page
----
### aaaa
aaaa
----
### bbbb
bbbb
---
## Third page
aaaa and bbbb in the same sub vertical section?
Please kindly help me know how to fix it? Great thanks!
Best regards!
Jiming
npm 3 uses a flat node_modules directory, so the hard coded path of __dirname + '/../node_modules/reveal.js'
in server-cli.js
is invalid. There are likely other places where this will be an issue as well.
require.resolve()
may be the (only?) way to resolve the issue.
Is there any support for rending speaker notes?
Adding something like
Notes: test note
to my markdown file, which does hide the content, but pressing the 's' key has no effect per the documentation (https://github.com/hakimel/reveal.js/#speaker-notes)
Hello,
There is a bug with the latest release of reveal-md when you use the --static
option.
For example, with this command:
reveal-md slides.md --static \
--theme style --highlightTheme monokai-sublime > index.html
It produces this stack:
/usr/lib/node_modules/reveal-md/bin/server.js:55
options.scripts.forEach(function(script) {
^
TypeError: Cannot read property 'forEach' of undefined
at fillOpts (/usr/lib/node_modules/reveal-md/bin/server.js:55:20)
at Object.to_html [as toStaticHTML] (/usr/lib/node_modules/reveal-md/bin/server.js:191:5)
at Object.<anonymous> (/usr/lib/node_modules/reveal-md/bin/cli.js:111:12)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)
at Module.runMain (module.js:575:10)
at run (node.js:348:7)
I've "fixed" this issue by hacking fillOpts using this code:
var fillOpts = function(options) {
[...]
opts.scripts = {};
if(options.scripts) {
options.scripts.forEach(function(script) {
opts.scripts[path.basename(script)] = script;
});
}
};
Since I'm not an expert in JS, I let you fix this issue as you prefer.
Thank you in advance.
The dependency for reveal.js appears to refer to a fork which no longer exists.
"dependencies": {
"reveal.js": "git://github.com/webpro/reveal.js#markdown-cjs",
I tried replacing the dependency with a version-agnostic reference to the reveal.js package in the npm library. reveal-md managed to install under these conditions, but upon running reveal-md demo
, I receive the error:
The reveal.js Markdown plugin requires marked to be loaded
Hey
I love reveal-md. But sometimes I want to share my presentation online with other people. So it would be nice if there would be a commad/option to compile the .md into a standalone reveal.js version.
Maybe there is already a tool for that or an easy way, but I think this could be included in reveal-md.
In README.md
, the word release.json
shall be changed to reveal.json
.
Hi,
I can't use print option :(
$ reveal-md --help
Usage: reveal-md <slides.md> [options]
Options:
-h, --help output usage information
-V, --version output the version number
-p, --port [port] Port
-t, --theme [theme] Theme
-s, --separator [separator] Slide separator
-v, --verticalSeparator [vertical separator] Vertical slide separator
$ reveal-md --version
0.0.1
Is there any plugin to install or enabled ?
Hi, I have got another question to bother you
I have experienced some problems using HTML tag e.g. </body>
, </script>
HTML
<body>
Hello World
<script src="angular.min.js"></ script>
<script src="angular-animate.min.js"></script>
</body>
</ script>
and </ body>
would cause no problems
Any guides for me please ?
Thanks.
Add support for slide transition effects and more specially fragment effects (I use them too much and don't want to do my keynote in HTML :-P ). Seems this can be done using HTML comments, isn't it?
All links available within the slides using [a link](http://www.google.com)
are not available inside the generated PDF. We can only see the link text in blue but nothing to click on.
Markdown files added to demo aren't listed when starting "reveal-md demo." Only a.md and b.md are present. Creating a new folder "presentations" with files included gets a no such files or directory.
reveal.json
must be in json format instead of javascript as in https://github.com/hakimel/reveal.js#configuration.
Options in reveal.json
are also not used.
I have tried the HTML version for internal links
<a href="#/some-slide">click for some-slide/a>
but
<section id="some-slide">
seems to have no effect except to tag the first page of the presentation. Strangely, <section>
has an influence for other attributes but not for id. Or does this work in some other form? I haven't looked through the code thoroughly enough so I don't know if this is difficult to solve.
It'd be great to have a table of contents for a large slide. Thanks!
(sorry for multiple edits--I'll make sure the code gets commented correctly in the future)
I am missing option to use own title text (<title></title>
). Is there some way? If isn't it would be great improvements.
Hi,
Is there a way to add some reveal-js plugins or other Javascript dependencies from reveal-md? I know you can use the dependencies
variable in the initialize
call as described here
I would like to use some charts js libs in my slides. Maybe it's simpler if I don't use reveal-md and write a pure HTML + JS reveal file.
Thanks. Cheers,
Damien
I created https://github.com/jjasghar/reveal-md-cookbook to help get reveal-md up and running as quickly as possible.
Could it be possible to get a link in the README to that cookbook?
How do I add custom themes when using reveal-md? Not sure how to connect what's here with what's in https://github.com/hakimel/reveal.js/blob/master/css/theme/README.md
Any pointers are recommended. Thanks, Peter
When static output is served from a subfolder, links to any scripts get broken (since the template sets an absolute link to /scripts/script.js
).
Submitting a PR for this momentarily.
In readme.md you can read:
Override vertical/nested slide separator (default: \n----\n):
reveal-md slides.md --vertical "^\n\n"
The command should be:
reveal-md slides.md --verticalSeparator "^\n\n"
It'd be nice to store the desired command line options in a file (maybe the same reveal.json options file?) so that one doesn't have to type, for example, --theme solarized --separator '\n\n\n'
if one always wants those options for an md file. Those stored options will be overwritten when mentioned explicitly on the command line.
I love using reveal.md & how it lets me go quickly from outline to a presentation. However, then I find myself wanting to more carefully tweak a presentation & I want access to the full HTML.
I'd love to be able to run reveal-md slides.md --html
and get a directory called slides
with an HTML file & required assets.
In reveal.js there is a way to set element class and attributes by passing a comment like in the reveal.js documentation:
> - Item 1 <!-- .element: class="fragment" data-fragment-index="2" -->
> - Item 2 <!-- .element: class="fragment" data-fragment-index="1" -->
It is very useful to set element's fragments, but unfortunately, that does't work with reveal-md.
Hi There great package. I'm having trouble with the printing option. I can produce the PDF but there is no content on the slides, just blank slides.
Any ideas?
While ^Note: should indicate speaker notes, even when the .reveal option is explicitly set not to show, I find that speaker notes sometimes do get shown.
Is this an issue others have had? I have experimented with putting notes at the beginning and at the end of slides. The only thing that truly is ignored is HTML comments i.e. ,
<!-- .... -->
While running the commmand
npm install -g reveal-md --python=D:\Python\Py27\python.exe
I get the following error (despite having downloaded and installed WDK8.1)
C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\V140\Platforms\x64\PlatformToolsets\v140\Toolset.ta
rgets(36,5): error MSB8036: The Windows SDK version 8.1 was not found. Install the required version o
f Windows SDK or change the SDK version in the project property pages or by right-clicking the soluti
on and selecting "Retarget solution". [C:\Users\tim\AppData\Roaming\npm\node_modules\reveal-md\node_m
odules\reveal.js\node_modules\socket.io\node_modules\socket.io-client\node_modules\engine.io-client\n
ode_modules\ws\node_modules\utf-8-validate\build\validation.vcxproj]
I propose that $HOME/reveal.json
or $HOME/.reveal.json
be a fallback when a reveal.json
is not located in the root directory of the markdown files. Also, a command line to point to a configuration file (-c
?), would be nice. Thoughts?
How do I set the background for an individual slide? I've tried using HTML within a .md document, but that seems to end up with nested slide
tags in the rendered HTML, and no background image is visible. Any ideas?
> Some quote
---
<section data-background=”image.jpg”>
<h2>Subtle subtext</h2>
</section>
---
rest of presentation
slides/test/test.md
test.md
OK for test.md all resources are found
NOK for slides/test/test.md, all resources are missing.
I would say that within the generated html, some slashes are missing :
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Reveal.js</title>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/black.css" id="theme">
<!-- For syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
with /css/reveal.css
and so one it should work...
I placed the reveal.json file in the ~/reveal-md/demo
and also in ~/reveal-md
. Then I executed reveal-md a.md
from the demo directory. This gives the following error:
[SyntaxError: /home/mandeep/reveal-md/demo/reveal.json: Unexpected token R]
I cloned from https://github.com/webpro/reveal-md/
0.0.19 and followed the README installation guide. Also copied text from the configuration file you linked from hakimel/reveal.js
I copied the configuration text from line:
Reveal.initialize({
// Display controls in the bottom right corner`
till
parallaxBackgroundVertical: ''
});
And changed controls to false, transition to 'zoom' but it didn't work.
Do I have to do something else?
I just want to change the transition style and may need to modify some other defaults.
Since reveal JS has a way to go up and down in the slides, I think it would make sense to make use of this by having ##
second level headers add more slides to the right, and have ###
three level slides nest further down.
First: This module is the best! Thanks
Second: Yeah I know that #19 was close, but I have the same issue with pdf printing
reveal-md Slides.md --print Slides.md.pdf
Creates a pdf with the same background color and amount of slides, but, the sentences are transparent. Maybe the problem is in @print
styles?
If a have some time I'll be glad to trace that bug, but at this moment I'm just open for ideas. BTW I'm usign [email protected]
and [email protected]
on GNU Debian Linux.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.