DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:s5reloaded

s5reloaded plugin

Compatible with DokuWiki

Angua, Adora Belle

plugin Create advanced slideshow presentations from a DokuWiki page

Last updated on
2012-09-11
Provides
Render
Conflicts with
s5

This extension has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues.

Similar to revealjs, s5

Tagged with javascript, media, slideshow

S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well.

This plugin can create S5 slide show presentations from any DokuWiki page. It is similar to s5 plugin but with more features (it uses s5 reloaded version and includes scriptaculous effects). See presentation example at http://conga.oan.es/~alonso/doku.php?id=s5reloadedtest.

Download and Install

Download: http://conga.oan.es/~alonso/s5reloaded.tar.gz

Use the download link given above to download or install the plugin through the plugin manager. You will get only one theme called thesis. If you want the others (up to 20) download also http://conga.oan.es/~alonso/themes.tar.gz and uncompress it inside ui subdirectory. All files inside any of the themes are independent from the others, so you can customize even the javascript code.

Changes

  • July 25, 2010: fixed an interaction between AsciiMathML and Presentacular in presentacular.js that caused scriptaculous effects to stop working after showing formulas in a slide in certain versions of Firefox, at least under Ubuntu (latest version under Windows seemed to be immune to this problem). Fixed a bug in original version of S5 reloaded (slides.js) that caused last loaded sound to be ignored and not played. The slides.js files in all themes were replaced by the one in thesis theme, so that the behavior is now the same and sound is ok in all themes. The presentation example was improved and documented.
  • August 23, 2010: some modifications were made to the javascript code in slides.js (in all themes) in order to make them compatible with a new Java application I have developed to show S5 presentations with Java components on top (see my blog entry at http://conga.oan.es/~alonso/doku.php?id=blog:s5reloaded). You may want to update your plugin and to install this Java application if you are interested in PDF output of your s5 presentations (please note that this application is in beta status, not fully finish, but PDF export works fine in Linux and maybe Windows). Another minor change in renderer.php allows some integration of code snippets.
  • June 19, 2011: bugs reported below (to select theme in configuration manager and to allow both asciimath and asciimathml) were corrected. Thanks to atronoush!
  • September 11, 2012: added support for MathJax plugin, although inline equations seems not working.
  • September 28, 2012: include this code snippet in renderer.php for including MathJax to get inline equations working (Cheers, Josef Lechner).
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: {
        inlineMath: [ ["$","$"], ["\\\\(","\\\\)"] ],
        displayMath: [ ["$$","$$"], ["\\\\[","\\\\]"] ],
        processEscapes: true
    }});
</script>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  • July 4, 2013: The above code snippet is already included in the download link at the top.

Usage

Usage is simple. Just add ~~SLIDESHOW thesis~~ somewhere in the page (at the very top is recommended, being thesis the name of the theme to use), and start your page with a H1 headline. Following content will go on the first (welcome) slide. Additional slides are created by H2 headlines. Adding a horizontal rule finishes the current slide and additional content goes to the “Handout” area (only visible when the slide is printed or if you select to show notes in the control bar). Footnotes and abbreviation will be ignored on the slide. The plugin accepts jsmath formulas and tips using wrap plugin.

Have a look at the example at http://conga.oan.es/~alonso/doku.php?id=s5reloadedtest (follow the link and press the slideshow icon in the upper right corner).

The themes which are included have a modified javascript code to enable special features. An example of these new features (subsection names, to modify the text with the date of the presentation, or to activate autoplay and select a different time delay for each page) is included in the previous presentation example. As with other tricks raw HTML code is required, but it is quite easy to use.

Discussion

The plugin does not sem to work when mod_rewrite is used for URL rewriting in the standard dokuwiki way. The .js does not seem to be loaded correctly.

Bug (fixed)

Themes are not available in Dokuwiki configuration manager! To fix this bug:
The file metadata.php under lib\plugins\s5reloaded\conf shall be modified as follow:

<?php
 
$meta['template'] = array('dirchoice','_dir' => DOKU_INC.'lib/plugins/s5reloaded/ui/');

atronoush 2011/06/18 14:37

Support for asciimathml plugin (fixed)

To have the ASCIIMathML plugin enabled in your slideshow, hack renderer.php like this made it work for me:

<!-- S5 JS -->
 
 
<script type="text/javascript" charset="utf-8" src="'.$this->base.'../../asciimathml/ASCIIMathML148.js" ></script>
 

Note: ASCIIMathML plugin conflicts with asciimath plugin, use one of them!

atronoush 2011/06/18 14:16

Syntax highlighting (fixed?)

Q: How is it possible to have code syntax highlighting GeSHi enabled in S5reloaded?

Code syntax is already enabled, since html code generated is the same in the presentation mode. The question is maybe how to make the code looks similar to the styles defined in dokuwiki, which is a question of css design. The colors for the individual parts of the code are defined in /lib/styles/style.css (bottom), and can be changed there. For the global appearance … I'm not an expert in this field at all, but you can edit pretty.css and change .slide pre, .slide code, and .slide pre code with this:

/* code blocks by indention */
.slide pre {
  font-size: 8pt;
  padding: 0.5em;
  border: 1px dashed #aaaaff;
  color: Black;
  overflow: visible;
  background:#2222dd;
/*  background:#2e3436 url(pics/back_console.png) right bottom no-repeat ; */
}
 
/* code blocks by code tag */
.slide pre code {
  font-size: 8pt;
  padding: 0.5em;
  border: 1px dashed #aaaaff;
  color: Black;
  overflow: visible;
}
 
/* inline code words */
.slide code {
  font-size: 120%;
}
plugin/s5reloaded.txt · Last modified: 2023-10-30 23:41 by Klap-in

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki