First of all, I want to thank you for your hard work making this awesome plugin and providing detailed documentation.

I just spotted a mistake in the information about Grid Component > Row Flow. I think you mistakenly copied the info from the Column Flow to the Row Flow.

Another thing, the last sample for Fragments (see below) doesn't work for me. It only shows a blank slide.

<grid drag="60 55" drop="5 10" bg="red" frag="1">
60 x 55
</grid>

<grid drag="25 55" drop="-5 10" style=bg="green" frag="2">
25 x 55
</grid>

<grid drag="90 20" drop="5 -10" bg="gray" frag="3">
90  x 20
</grid>

obsidianmd/obsidian-releases#682 (comment)

The 3x unterscore (___) separator is broken

Hi, i have problems to enable v 1.5.0 in Obsidian

This [[Internal link|Link]] will use its alias for displaying

should be rendered link this:

This [Link](obsidian://open?vault=test-vault&file=Internal%20link) will use its alias for displaying

Problem: The image is not properly rendered in preview.

Reproduce: I don't know if anyone else has encountered the same problem. I just encountered it this time

below is the screen shot from my vault

Obsidian version: obsidian 0.13.23

Plugin version: the latest 1.6.0

I am not sure if this is an actual issue, or intentional.
Either using the Obsidian built in method, or using Better PDF plugin, PDFs do not display when viewing Advances Slides.

Thank you

After updating to version 0.14.1, I got the following error messages whenever trying to switch on the plugin. As a result, I cannot use it anymore.

app.js:1 Plugin failure: obsidian-advanced-slides TypeError: a is not a constructor
    at e.<anonymous> (app.js:1)
    at app.js:1
    at Object.next (app.js:1)
    at s (app.js:1)

The instructions in this link do not work for me.

Here are the result of those codes:

Hi!

First of all, thank you for this amazing tool. I was waiting for something like this plugin for a long time. I would like to inform that the Split component does not work with text elements. I was able to make it work with images tho.

Images

Text

I know that obsidian is able to do it but they embed the note as iframe and i render it as part of the slide

In fact, this is why I wanted to have this feature in this slides plugin. Sometimes, I may embed notes under/as list items in ordinary Obsidian notes, just to show the hierarchical structure of the note content. Therefore, it would be great if this plugin can also support this feature, then I do not need to change the way of linking/embedding notes when creating slides. Or I can easily convert existing notes as slides. This is mainly for having a consistent workflow. :-)

Also, supporting embedding notes, whether as/under list items or not, in a way similar to iframe would be very helpful when the embedded notes have relatively long content. For instance, one may want to embed a note whose main content is multiple lines of code snippet.

• In such a case, this code snippet is mainly for the purpose of demonstration. Therefore, it would be great if there can be some kind of box/iframe (I forgot the term for that 😅) of a size that depends on the size of the slide.
• For the remaining content of the note, one can use some kind of slide bar to scroll up and down.
• Another benefit of embedding notes like this is to avoid not being able to show the complete content of the note when the content is relatively long.

Of course, there can be a separate option for choosing whether to render the embedded notes as part of the slides or in a way similar to iframe. Such an option can be configured in the front matter for all slides, or it can be configured on a per slide basis.

Originally posted by @wenlzhang in #8 (comment)

It would be great if one can embed media files like audio and videos outside the Obsidian vault.

obsidianmd/obsidian-releases#682 (comment)

Hi there,

Thanks very much for continuously polishing this very useful plugin.

I have a tiny suggestion: is it possible to let the user set some (default) options in the plugin's setting panel?

Currently, we need to configure this plugin in each MD file's front matter. Sometimes, it feels redundant when you have many different presentations, while you want to set exactly the same configuration, i.e. theme, transition... What do you think? Maybe this feature is already on your plan?

Thanks!

The plugin fails to find the correct image when using internal links to images within a different folder than the presentation. If the image name is unique across the Vault and the image is not in the same folder as the presentation Note, the plugin will fail to find the image. If the name is not unique, or partially matches other image names even, it finds a random image of the set it matches to. In my experience it found an image called Wedge Image.jpg buried deeply in my Vault when looking for Image.jpg

Obsidian finds the right image still, leading to cases where Preview Mode will show one thing, and the slides another.

Use two equal signs to ==highlight text==

is not rendered properly

I tried to install with BRAT, and get an error that main.js is missing
Appreciate if you can make it work with BRAT

Both samples are not working:

![[Sample.excalidraw|100]]

![[Sample.excalidraw]] <!-- .element: style="width:300px; height:400px" -->

Hi!

First of all, thank you for this great plugin!! It really does the job :)

It could be great to have the ability to inject a header/footer to every slide, just like in any other slideshow platform.
As a first approach, it might be done by creating custom css header and footer classes with a floating, position-fixed div.
Then maybe, some metadata variables in the document could customize the icon (just like the theme variable), though I don't quite see how to insert a title for each slide.

What do you think?
Best,

The markdown parser used by this plug-in won't render the following strings:

• (1) text
• 1) abc

inline latex is not rendered properly

Example:

You can also do inline math like $s^{-2}_{n}\sum_{i=1}^{n}$

It is common convention to display diff code blocks with lines starting with - and +.
The plugin interprets + sign in code block as fragmented list item. I think it should be interpreted as fragment only outside of code blocks

External links open normally when previewing the slides in Obsidian. However, there are the following errors when previewing the slides and opening the links in Chrome:

obsidianmd/obsidian-releases#682 (comment)

This [[Internal link]] will be displayed as normal text

is rendered as

ThisInternal link will be displayed as normal text

Is it possible to apply effects on fragments like below?
https://revealjs.com/fragments/

In my frontmatter, I have

css: 
- css/some-custom.css

and in previous versions of obsidian-advanced-slides, it loads the script in plugin's css folder just fine. But a recent update seems to have broke it:

Finally, thank you for contributing this plugin to Obsidian! It has allowed me to customize reveal.js much more straightforwardly.

I also tried to test fragment orders, but it did not work for me with the following examples. Am I not doing it correctly?

- Appears last <!-- .element: class="fragment" data-fragment-index="3" -->
- Appears first <!-- .element: class="fragment data-fragment-index='1'" -->
- Appears second <!-- .element: class="fragment data-fragment-index='2'" -->

Originally posted by @wenlzhang in #6 (comment)

Thanks a lot for making this plugin.

Could you make a command for Show Slide Preview to show the slide preview using a hotkey instead of clicking an icon on the ribbon since I usually hide the left ribbon? Many thanks for considering my request.

obsidianmd/obsidian-releases#682 (comment)

Is that possible to disable listen port by setting or toggle command?
Especially the listened port can be connected from external IP address.

I love this plugin, thanks.

It may be user error, but the slides do not seem to allow any MathJax or Latex.
Retested. it is an actual issue, but seems to be limited to /ce type chem expressions/style

thank you

Obsidian's regular presentation mode recognises image resize in markdown i.e. ![text|100](image.png) or ![text|100x100](image.png)

However, the plugin ignores these resize commands. Is it possible to resize images similar to how the plugin allows ![[image.png|100x100]]?

Hey!

Thanks for this plugin. This is not really an issue, but rather a question. I didn't find this in the docs:

How can you use the data elements like shown here? https://revealjs.com/code/#line-numbers-%26-highlights

This kind of works

#### Hello from Cover Page
---
<!-- element style="line-height: 3rem;"-->
- test dfkldsfjklsd
- sdfjlsdfkljlk 

<pre>
<code data-line-numbers="3-5|8-10|13-15">
<table>  
	<tr>    
		<td>Apples</td>    
		<td>$1</td>    
		<td>7</td> 
	</tr>  
	<tr>    
		<td>Oranges</td>   
		<td>$2</td>  
		<td>18</td> 
		</tr>
</table>
</code></pre>

but introduced additional tags like tbody.

I just stumbled upon the following issue:
I upload my slides to github pages, the workflow is pretty straightforward:

• showing in browser
• saving it from browser
• upload the files (html + directory) to my repository

This works great and the internal linking of pictures are not broken.
With background pictures this doesnt work.
I am using the following command:

!-- .slide: data-background-image="/pathtofile/file.jpg" -->

this works in obsidian and locally. But when i save the site to upload it, the "file.jpg" doesnt appear in the attachments folder and of course the linking doesnt work also.
I guess that those kind of links doesnt get handled well.

I am not sure if it is possible to fix it, i can manually update the links and stuff in the resulting files, but i was hoping to use more background-pictures and it gets tedious to manually update them.

Maybe i also miss an easy workaround here.

I got error messages when using internal note links. It would be great if one can click the note link and go to the content on the note.

The slide:

---

## Note link

- [[Note link - 202112160000]]

The error:

Uncaught (in promise) RangeError: Invalid string length
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70146:62)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)
    at InternalLinkProcessor.transformInternalLink (eval at <anonymous> (app.js:1), <anonymous>:70147:19)

Hi! Thank you for this very useful project.
I'm lately finding myself copying a bit of custom css styles in every deck of slides I make. It would be nice if it could be pasted directly into the options of the plugin and then automatically included.

Also I was thinking of asking to include a MathJax preamble loaded from a file like the "Extended MathJax" plugin does inside of obsidian, but I think that just the ability to include custom code in every slide deck should provide the ability to do it autonomously and without too much effort.

Thank you for this very nice plugin.

I have this fragmented list:

- **Scholars** analyse large numbers of observations to test theories
+ **Politicians** analyse data to determine election strategies, target voters with canvassing, mailings, advertising, phone calls, define their positions on different issues
+ **Companies** use large quantity of data  to understand consumer behaviors, improve operations, client experience, increase sales
+ National and local **governments** use data analysis to guide policy-making
+ **Non-governmental organizations** use data analysis to target and fine-tune program interventions 

If I remove the bold markdown formatting, the list will reveal itself one step at the time, but now only the bolded words appear incrementally.
I don't know if this is an issue with the plugin or with reveal.js,

In Reveal.js its possible to extend the webbrowser presentation like so: http://localhost:8000/?print-pdf and save it as a pdf.
This seems to not correctly work with the presentations i get within obsidian:
I show them in webbrowser, extend the url, save it - but its giving a wrong output.
Mostly its duplicating the same slide over and over, sometimes rendering them in a wrong way.

Using Chrome, and the demo from Reveal.js works fine.
Not entirely sure whats causing it.

If possible it would be fantastic to get it working.

EDIT: seems i was wrong, when i right-click and choose PRINT then its not working, but i use ctrl-p to open the print-dialog, i get the correct settings and it works... kind of strange but i guess i can live with it.

Would it be hard to do a support for mobile devices for this plugin?

This looks great! Could you update the readme with instructions for manual installation? (I gather it's not available as a community plugin)

The plugin is really cool!!!! But now I should change the port in the main.js ( or change it in source code.

Hi! First of all, glad to see icons implemented in latest version! I'm the dev of Icon shortcodes plugin, which provides Font Awesome, Remixicon icons out of the box, and allow user to import any custom icon they have. Adding support for icon shortcodes would help user a lot in case they need to use their custom icons.

You can check here for details about its api: https://github.com/aidenlx/obsidian-icon-shortcodes#for-developer, for the use case of advanced slides, you can utilize the exposed post processor, which will replace every :shortcode: with image. (source code is here)

feel free to ask if you have any question :)

obsidianmd/obsidian-releases#682 (comment)

Could be considered a future collaboration with the admonition plugin into Advanced Slides?

Greetings,