evilz / vscode-reveal Goto Github PK
View Code? Open in Web Editor NEWRevealjs vsCode extension
Home Page: https://marketplace.visualstudio.com/items?itemName=evilz.vscode-reveal
License: MIT License
Revealjs vsCode extension
Home Page: https://marketplace.visualstudio.com/items?itemName=evilz.vscode-reveal
License: MIT License
Is this something you're interested in doing? I could set up the additional tasks in the build.yaml if you're interested
there is no way to add plugins now
try to add chalkboard.js plugin
---
theme : "night"
transition: "slide"
history: true
dependencies: [
{ src: "./chalkboard.js" }
]
---
and this will overwrite the whole dependencies
Where are the instructions? Do you make a markdown file? Or an html file?
I create a markdown file and run the command:
Reaveljs: Open presentation in browser
and I get the notification:
Command: vscode-revealjs.showRevealJSInBrowser not found
I get similar notifications for every RevealJS command.
The documentation seems to have a ton of information about the details of the different options and commands and stuff, but it has almost no info on how to actually get started. Do you have to install reveal.js locally in your HTML?
#confused.
<!--.slide: data-background="../content/images/title-slide.jpg" -->
this not work
Hi,
I'm using vs-code version 1.31.0 together with current vscode-reveal 3.2.0 on MacOsx Mojave.
However there seems to be a problem with customTheme
entries. When I use a cusomTheme
in the preamble of my slides the theme is not loaded in preview or browser preview. The slides fall back to the default theme.
The css-File for the custom theme I want to use is the same directory as my markdown slides. Filename is custom.css
, preamble of my markdown document is
---
customTheme : "custom"
transition: "fade"
highlightTheme: "obsidian"
---
I don't know if that has something to do with the the issue stated above, however it also seems that images cannot be found - as preview and browser preview cannot load and display images.
When switching back to version 2.0.0 (Preview) form vscode market-place everything works fine. Thanks for your help.
I'm seeing this error while saving files (usually my settings):
shell.ts:419 [evilz.vscode-reveal] Cannot read property 'toString' of undefined: TypeError: Cannot read property 'toString' of undefined
at /Applications/Visual Studio Code - Insiders.app/Contents/Resources/app/out/vs/workbench/node/extensionHostProcess.js:28:345115
at e.invoke (/Applications/Visual Studio Code - Insiders.app/Contents/Resources/app/out/vs/workbench/node/extensionHostProcess.js:28:55287)
at e.fire (/Applications/Visual Studio Code - Insiders.app/Contents/Resources/app/out/vs/workbench/node/extensionHostProcess.js:28:57078)
at BrowserContentProvider.update (/Users/matb/.vscode-insiders/extensions/evilz.vscode-reveal-0.0.9/out/src/BrowserContentProvider.js:23:27)
at context.subscriptions.push.vscode.workspace.onDidSaveTextDocument (/Users/matb/.vscode-insiders/extensions/evilz.vscode-reveal-0.0.9/out/src/extension.js:80:22)
at e.invoke (/Applications/Visual Studio Code - Insiders.app/Contents/Resources/app/out/vs/workbench/node/extensionHostProcess.js:28:55287)
at e.fire (/Applications/Visual Studio Code - Insiders.app/Contents/Resources/app/out/vs/workbench/node/extensionHostProcess.js:28:57078)
at e.$acceptModelSaved (/Applications/Visual Studio Code - Insiders.app/Contents/Resources/app/out/vs/workbench/node/extensionHostProcess.js:28:347983)
at t.e.invoke (/Applications/Visual Studio Code - Insiders.app/Contents/Resources/app/out/vs/workbench/node/extensionHostProcess.js:28:423343)
at e._invokeHandler (/Applications/Visual Studio Code - Insiders.app/Contents/Resources/app/out/vs/workbench/node/extensionHostProcess.js:28:279983)
I'll submit a PR with a fix
when refresh, the presentation start from the first slide, this is not good!
Just remove this !
I think it seem good to add function for Insert Separator and Insert Vertical Separator. with setting character in User setting
Every time a new project is opened, this extension will create a custom explorer view. VSCode allow users to hide custom explorer views out of the box. However, doing this hiding stuffs on multiple projects is quite tedious. By allowing users to disable custom explorer view at all help reduce these kind of task a lot.
I don't see if VSCode already provide an option to disable any custom explorer view by default (microsoft/vscode#34557). So that's why I open this issue.
I used mermaid in markdown, like:
sequenceDiagram
participant A
participant B
A -> B: test
It can be render well in markdown preview, but it just shown as original code not a diagram in the slides. How can i do to make the presentation support mermaid in markdown?
Thanks guys for the tool love it.
I might have missed something but i have not found a way to get the side by side view to refresh when
the MD file is updated. exept triggering a new side by side view
it would be neice to be able to reload it or even auto reload on changes
Hi,
I'm coming across some errors making the extension not usable since the version 3.0.0 (2.03 being the last working version )
this is a screen shot of what I have in the side panel or in the browser
and the following errors inside the chrome console:
My setup:
Version: 1.31.0 (user setup)
Commit: 7c66f58312b48ed8ca4e387ebd9ffe9605332caa
Date: 2019-02-05T22:35:56.624Z
Electron: 3.1.2
Chrome: 66.0.3359.181
Node.js: 10.2.0
V8: 6.6.346.32
OS: Windows_NT x64 10.0.17134
awesome extension, just wondering if there is a way to enable syntax highlighting?
For example, if I do this, the correct highlightjs tags seem to get generated in HTML but the style sheets seem to be missing so there is no syntax highlighting.
```csharp
var x = Hello.World("Hello World");
```
Every action that requires chrome throws:
Can find Chrome on your computer, try with default browser...
But:
$ which google-chrome
/usr/bin/google-chrome
and xdg-open works
It'd VERY nice to keep current slide when I hit Save. It's very annoying to scroll to manually restore position on every saved changes.
Hi there,
Reveal.js v 3.7 brings the new Key Bindings API. This allows the users (well... me at least) to more easily hack Template.js
and add a custom script to allow local plug-ins (stored side by side with the .md
files) by configuring part of them post-initialization.
E.g.
function setCustomKeys() {
// clear chalkboard when 'DEL' is pressed
Reveal.addKeyBinding( 46, function() {
RevealChalkboard.clear();
});
// reset chalkboard data on current slide when 'BACKSPACE' is pressed
Reveal.addKeyBinding( 8, function() {
RevealChalkboard.reset();
});
}
window.onload = () => {
setCustomKeys();
}
If you have some spare time, I would really appreciate a new release with updated dependencies.
Thank you,
dezGusty
plugin marked
markdown
highlight
search
zoom
notes
chalkboard
Chart
csv2chart
embed-tweet
menu
math.js
title-footer
reveal-code-focus
Readme
Images are not loaded from local files
Given pres.md file with joke.gif beside it
# A slide with a joke
![joke.gif](joke.gif)
won't show the image.
Images with http urls work fine.
I would like to be able to set the page title in the YAML front matter. Something like:
title: "My presentation"
Would be great. I realize that this is (obviously) not a RevealJS option, and might not be the easiest thing to implement.
serveral different .md files in one work dir, export2html output with name index.html would be overwritten by other .md export.
Hi Vincent,
Thanks for your VS Code extension. Are there any chances, that your extension also supports AsciiDoc syntax?
https://github.com/asciidoctor/asciidoctor-reveal.js/blob/master/README.adoc
I switched from Markdown to AsciiDoc, because of all the different and limited Markdown flavors:
https://asciidoctor.org/docs/asciidoc-vs-markdown
Thanks,
Winfried
VSCode version - 1.31.0
Extension version - 3.0.0
Slides doesn't appear after markdown document was opened.
Render server seems to be not started.
I've tried to uninstall/install extension but it doesn't help.
First of all, thank you so much for working on this plugin! It's amazing!
Right now highlightTheme
can be set via extension settings with a reload.
However, I think it might be possible to allow highlightTheme
to be configured via the front matter or via extension settings without a reload by modifying here:
https://github.com/evilz/vscode-reveal/blob/master/src/Server.ts#L72-L73
to host all the available themes .
I receive the following error when issuing both of the vscode-reveal commands.
Running the contributed command:'vscode-revealjs.showRevealJS' failed.
Any ideas?
Some information about what I've noticed about this :
In normal mode, it looks like pressing B
or .
does not toggle the pause black screen (pressing those does not do anything actually).
However in speaker view mode, I noticed that B
toggles the chalkboard, and .
toggles the pause black screen correctly
Is there any way to toggle the pause black screen in normal mode ?
Versions : vscode-reveal extension = 3.2.0, vscode = 1.31.0 (January 2019)
When no slide separator is specified, ---
works fine with the extensions (slide count, slide explorer) but does not work in the side preview and in the browser: only one slide is recognized.
When ---
is specified as slide separator in the header, side preview and in browser rendering are fine but slide count and slide explorer now take into account the ---
used to specify the header.
Example:
---
highlightTheme: "darkula"
slideNumber: true
separator: ^( ?| )---( ?| )$
---
# Hello
Slide 1
---
## Slide 2
Slide 2
---
Slide 3
When defining and using ----
as slide separator, slide count and slide explorer are still falsy.
Hey there, really enjoying the extention so far
I was wondering if there are any plans to integrate fragments ino he markdown syntax, since writing HTML in Markdown just doesn't feel right
Thanks in advance
Thank for this issue Code Panda
The HTML Export feature does not copy the notes.html file used for the presenter and notes view (opened via pressing s on the keyboard).
Hello,
should it be possible to use the speaker mode when presenting through the integrated preview ("show presentation by side")? If I press s nothing happens. If I use the browser view ("Open presentation in browser"), then it works
Originally posted by @evilz in https://github.com/evilz/vscode-reveal/issue_comments#issuecomment-435332307
automatically create a slide show broken up into sections by using the # and ## heading tags and create a new slide without a header using a horizontal rule (----).
I'd like to override a few of the CSS rules in the reveal theme css
e.g. I'd like to do things like turn off text-transform: uppercase;
for headings change the color of inline code by adding a rule like .reveal code { color: aquamarine; }
etc
Is there already a way to accomplish this?
If not, could there be a way to insert a special command in the markdown that points at a CSS file of customizations to get copied as part of the presentation.
thanks
Much similar to #8
But ![](/image.png)
should automatically mean ![](https://github.com/<USERNAME>/<REPO>/blob/master/image.png?raw=true)
,
and ![](../<BRANCH>/image.png)
means ![](https://github.com/<USERNAME>/<REPO>/blob/<BRANCH>/image.png?raw=true)
.
without having to upload to GitHub first.
Hi
Plugin has a lot of settings (Extension Settings) but they can be set only globally.
It'd be nice to support some YAML header at the top of Markdown-file.
---
theme: white
---
# First Slide
---
## Second Slide
Thanks for writing this very useful plugin!
On one of my machines running arch linux I use "Chromium" instead of "Google Chrome". Currently the path is hardcoded in file ChromeHelpers. Is it possible to make the path configurable in the future?
Workaround (in case anybody has a similar issue):
sudo ln -s /usr/bin/chromium /usr/bin/google-chrome
I have a workspace with reveal.json
and reveal-md.json
and a custom theme folder (replaces MathJax with KaTeX in html template plus custom CSS). Is there a way to use this extension in combination with reveal-md as backend and still get synced slide preview inside of vscode?
Hi have tried
- asdfas<!-- .element: class="fragment" data-fragment="1" -->
- asdfas<!-- .element: class="fragment" data-fragment="2" -->
- asdfasd<!-- .element: class="fragment" data-fragment="3" -->
To use fragments but can't get it to work. And it's a awesome extension.
I installed it but when i call it it fails with:
command 'vscode-revealjs.showRevealJSInBrowser' not found
mainThreadExtensionService.ts:44 TypeError: Cannot read property 'refresh' of undefined
at refreshAll (C:\Users\Riges.vscode\extensions\evilz.vscode-reveal-2.0.2\out\src\extension.js:31:30)
at vscode.window.onDidChangeActiveTextEditor.editor (C:\Users\Riges.vscode\extensions\evilz.vscode-reveal-2.0.2\out\src\extension.js:54:13)
at e.fire (c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:87:238)
at c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:485:858
at e.fire (c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:87:218)
at e.$acceptDocumentsAndEditorsDelta (c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:435:723)
at t.e.invoke (c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:516:87)
at e._invokeHandler (c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:357:580)
at e._receiveOneMessage (c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:357:270)
at c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:356:206
at c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:358:204
at c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:85:988
at e.fire (c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:87:218)
at Socket. (c:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\node\extensionHostProcess.js:135:717)
at emitOne (events.js:96:13)
at Socket.emit (events.js:191:7)
at readableAddChunk (_stream_readable.js:178:18)
at Socket.Readable.push (_stream
mainThreadExtensionService.ts:43 [evilz.vscode-reveal]Cannot read property 'refresh' of undefined
e.$onExtensionRuntimeError @ mainThreadExtensionService.ts:43
e.invoke @ abstractThreadService.ts:42
e._invokeHandler @ rpcProtocol.ts:109
e._receiveOneMessage @ rpcProtocol.ts:96
(anonymous) @ rpcProtocol.ts:32
(anonymous) @ rpcProtocol.ts:157
e.fire @ event.ts:142
(anonymous) @ ipc.net.ts:81
emitOne @ events.js:96
emit @ events.js:191
readableAddChunk @ _stream_readable.js:178
Readable.push @ _stream_readable.js:136
onread @ net.js:560
First of all, thanks for this amazing extension! It's just so convenient!
While it is very easy to set the path to the default browser, It seems that it's not straightforward to change the location of mathjax, e.g. for offline use. At least as far as I know reveal.js loads mathjax from an online source, but I do have sometimes limited connection and like to create presentations with math rendering nonetheless.
Is there an easy way to change the mathjax path and I just missed it?
Could you add this as an option if it is not yet included?
Hi,
i use a light (white) theme and want to put some code in a dark highlight theme like monokai.
Unfortunateley the background of hjs elements are always set to none.
---
title: Bug with highlightTheme
theme: "simple"
highlightTheme: "monokai"
---
```bash
cd ~/src
mkdir newProject
cd newProject
```
Preview error when the md file folder has a index.html file
If there are two files in the same folder, one them is the markdown file ,the other one is named index.html , the preview feature will always show the index file.
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.