Skip to content

transform restructuredtext documents to html5 + twitter's bootstrap css, deck.js or reveal.js

License

Notifications You must be signed in to change notification settings

marianoguerra/rst2html5

Repository files navigation

rst2html5 tools - RestructuredText to HTML5 + bootstrap css

We all love rst and the ability to generate any format, but the rst2html tool generates really basic html and css.

This tool will generate newer, nicer, more readable markup and provide ways to modify the output with extensions like nice css thanks to twitter's bootstrap css or online presentations with deck.js

get it

via pip:

pip install rst2html5-tools

locally:

git clone https://github.com/marianoguerra/rst2html5.git
cd rst2html5
git submodule init
git submodule update

sudo python setup.py install

use it

to generate a basic html document:

rst2html5 examples/slides.rst > clean.html

to generate a set of slides using deck.js:

rst2html5 --deck-js --pretty-print-code --embed-content examples/slides.rst > deck.html

to generate a set of slides using reveal.js:

rst2html5 --jquery --reveal-js --pretty-print-code examples/slides.rst > reveal.html

to generate a set of slides using impress.js:

rst2html5 --stylesheet-path=html5css3/thirdparty/impressjs/css/impress-demo.css --impress-js examples/impress.rst > output/impress.html

to generate a page using bootstrap:

rst2html5 --bootstrap-css --pretty-print-code --jquery --embed-content examples/slides.rst > bootstrap.html

to higlight code with pygments:

rst2html5 --pygments examples/codeblock.rst > code.html

note that you will have to add the stylesheet for the code to actually highlight, this just does the code parsing and html transformation.

to embed images inside the html file to have a single .html file to distribute add the --embed-images option.

post processors support optional parameters, they are passed with a command line option with the same name as the post processor appending "-opts" at the end, for example to change the revealjs theme you can do:

rst2html5 --jquery --reveal-js --reveal-js-opts theme=serif examples/slides.rst > reveal.html

you can also pass the base path to the theme css file:

rst2html5 --jquery --reveal-js --reveal-js-opts theme=serif,themepath=~/mytheme examples/slides.rst > reveal.html

it will look at the theme at ~/mytheme/serif.css

options are passed as a comma separated list of key value pairs separated with an equal sign, values are parsed as json, if parsing fails they are passed as strings, for example here is an example of options:

--some-processor-opts theme=serif,count=4,verbose=true,foo=null

if a key is passed more than once that parameter is passed to the processor as a list of values, note that if only one value is passed it's passed as it is, the convenience function as_list is provided to handle this case if you want to always receive a list.

to add custom js files to the resulting file you can use the --add-js post processor like this:

rst2html5 slides.rst --add-js --add-js-opts path=foo.js,path=bar.js

that command will add foo.js and bar.js as scripts in the resulting html file.

Pretty Print Code Notes

enable it:

--pretty-print-code

add language specific lexers:

--pretty-print-code-opts langs=clj:erlang

Note: you have to pass both options when passing opts to prettify like this:

--pretty-print-code --pretty-print-code-opts langs=clj:erlang

that is, the name of the languages separated by colons, available lexers at the moment of this writing are:

  • apollo
  • basic
  • clj
  • css
  • dart
  • erlang
  • go
  • hs
  • lisp
  • llvm
  • lua
  • matlab
  • ml
  • mumps
  • n
  • pascal
  • proto
  • rd
  • r
  • scala
  • sql
  • tcl
  • tex
  • vb
  • vhdl
  • wiki
  • xq
  • yaml

you can see the available lexers under html5css3/thirdparty/prettify/lang-*.js

RevealJs Notes

to print pass --reveal-js-opts printpdf=true, for example:

rst2html5 --jquery --reveal-js --reveal-js-opts printpdf=true examples/slides.rst > reveal-print.html

this can be used to open with chrome or chromium and print as pdf as described here: https://github.com/hakimel/reveal.js#pdf-export

Math Support

Use the math role and directive to include inline math and block-level equations into your document:

When :math`a \ne 0`, there are two solutions to :math:`ax^2 + bx + c = 0`
and they are

.. math::

   x = {-b \pm \sqrt{b^2-4ac} \over 2a}

Both of these support a basic subset of LaTeX syntax.

By default, MathJax is used for displaying math. You can choose a different output format using the --math-output command line option:

  • --math-output mathjax uses MathJax (the default)
  • --math-output html will use plain HTML + CSS
  • --math-output mathml will use MathML
  • --math-output latex outputs raw LaTeX

If you use MathJax, you can use the --mathjax-url and -mathjax-config command line options to configure a custom MathJax JavaScript URL and to provide a file with a custom MathJax configuration, respectively.

If you use HTML + CSS output, you can use the --math-css command line option to configure a custom math stylesheet.

Note that the old MathJax postprocessor (activated using --mathjax) has been deprecated.

see it

you can see the examples from the above commands here:

example of video directive

test it

We use tox to run our test suite. After installing tox you can execute the tests by running tox in the project's root directory.

The test cases can be found in html5css3/tests.py.

want to contribute ?

clone and send us a pull request!

git clone https://github.com/marianoguerra/rst2html5.git
cd rst2html5
git submodule update --init
python setup.py develop

note to self to release

  • update version on setup.py
python setup.py sdist upload

About

transform restructuredtext documents to html5 + twitter's bootstrap css, deck.js or reveal.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages