emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed

From: George Mauer <gmauer@gmail.com>
To: emacs-orgmode <emacs-orgmode@gnu.org>
Subject: How to both export html and show the code?
Date: Wed, 27 May 2020 23:15:12 -0500	[thread overview]
Message-ID: <CA+pajW+m0h1iLSD-gOFcgYc3CHMO=u3RYEqe=YM8MJK5WEhNdw@mail.gmail.com> (raw)

[-- Attachment #1: Type: text/plain, Size: 1138 bytes --]

I would like to both render html and show a source block for the rendered
html (I am aware of ob-browser, but I want this to be dynamic html content,
not an image)

I would have thought the following would work, but noweb returns an empty
string

    Well, this is solvable with css is it not?

    #+name: challenge-1-solution
    #+begin_export html
    <article id="gradient-colors">
      <div></div>
      <style>
        #gradient-colors div {
          width: 400px;
          height: 200px;
          animation: gradient 5s infinite linear;
        }
        @keyframes gradient {
          0% {
            background-color: hsl(0, 100%, 50%);
          }
          25% {
            background-color: hsl(90, 100%, 50%);
          }
          50% {
            background-color: hsl(180, 100%, 50%);
          }
          75% {
            background-color: hsl(270, 100%, 50%);
          }
          100% {
            background-color: hsl(360, 100%, 50%);
          }
        }
      </style>
    </article>
    #+end_export
    #+begin_src html :eval no :exports code :noweb yes
      <<challenge-1-solution>>
    #+end_src

[-- Attachment #2: Type: text/html, Size: 1814 bytes --]

                 reply	other threads:[~2020-05-28  4:16 UTC|newest]

Thread overview: [no followups] expand[flat|nested]  mbox.gz  Atom feed

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

  List information: https://www.orgmode.org/

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to='CA+pajW+m0h1iLSD-gOFcgYc3CHMO=u3RYEqe=YM8MJK5WEhNdw@mail.gmail.com' \
    --to=gmauer@gmail.com \
    --cc=emacs-orgmode@gnu.org \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link

Code repositories for project(s) associated with this public inbox

	https://git.savannah.gnu.org/cgit/emacs/org-mode.git

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).