Giter Site home page Giter Site logo

HTML-Preamble/Postamble about org-reveal HOT 7 CLOSED

infty- avatar infty- commented on August 9, 2024
HTML-Preamble/Postamble

from org-reveal.

Comments (7)

yjwen avatar yjwen commented on August 9, 2024

Hi, infty,

I've just updated Org-reveal, now you can define preamble/postamble
locally by setting options "#+REVEAL_PREAMBLE: " and "#+REVEAL_POSTAMBLE:".

The Org-reveal preamble/postamble can also be defined by Emacs-Lisp
functions. Please see the updated Readme.org for detail instruction and
examples.

Regards,
Yujie

2013/6/16 infty- [email protected]

I'm building an org-reveal presentation. But I want to be able to handle
this presentation using a script. In order to embed a script, I need to be
able to insert custom HTML elements the exported source code. But I don't
want a preamble/postamble defined in ~/.emacs globally for all my
presentations - I want to define that custom elements locally in the .org
file of my presentation

How can I insert custom HTML elements to the exported source code that way?


Reply to this email directly or view it on GitHubhttps://github.com//issues/9
.

from org-reveal.

infty- avatar infty- commented on August 9, 2024

Thank you very much. I'll take a look a that cool stuff.

from org-reveal.

infty- avatar infty- commented on August 9, 2024

Just one suggestion: This way it's just possible to insert stuff at the top or bottom of body. If I want to include something in the head part or want to integrate custom HTML code between two slides, then I don't have an ability to do this the clean way. So you might want to consider introducing an #+REVEAL_HTML: option which is able to insert HTML on exactly the place where that place holder is placed. What about that?

from org-reveal.

yjwen avatar yjwen commented on August 9, 2024

Hi, infty,

First, you can't insert things between slides, that will cause the slide display messed up, since Reveal.js regards HTML contents that are enclosed by <div class="slides"><div class="reveal"> and </div></div> as slide contents.

If you need to insert some custom contents in the heading part, I can make an option similiar to #+REVEAL_PREAMBLE for you.

from org-reveal.

infty- avatar infty- commented on August 9, 2024

Sorry that I didn't make myself clear: I didn't really mean inserting HTML between two slides but something like extending a slide by additional markup. Something like:

* Slide 1
Some Text [[http://example.com/]]
#+REVEAL_HTML: <script>alert('Welcome To Slide Nr. 1');</script>
* Slide 2
Another text

It would really be great if there would be an option to insert custom header elements. Thanks for that offer.

from org-reveal.

yjwen avatar yjwen commented on August 9, 2024

Codes updated.

Now you can use option #+REVEAL_HTML for embedding HTML contents into
slides, and #+REVEAL_HEAD_PREAMBLE for embedding HTML contents into head
parts.

Check the updated Readme.org.

2013/6/19 infty- [email protected]

Sorry that I didn't make myself clear: I didn't really mean inserting HTML
between two slides but something like extending a slide by additional
markup. Something like:

  • Slide 1
    Some Text [[http://example.com/]]
    #+REVEAL_HTML: <script>alert('Welcome To Slide Nr. 1');</script>
  • Slide 2
    Another text

It would really be great if there would be an option to insert custom
header elements. Thanks for that offer.


Reply to this email directly or view it on GitHubhttps://github.com//issues/9#issuecomment-19640030
.

from org-reveal.

infty- avatar infty- commented on August 9, 2024

Thank you very much.

from org-reveal.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.