emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
From: Christian Moe <mail@christianmoe.com>
To: Francesco Pizzolante <fpz@missioncriticalit.com>
Cc: mailing-list-org-mode <emacs-orgmode@gnu.org>
Subject: Re: Embedding the style when exporting to HTML
Date: Sun, 19 Dec 2010 09:25:37 +0100	[thread overview]
Message-ID: <4D0DC181.80406@christianmoe.com> (raw)
In-Reply-To: <AANLkTikKr5iwxqZdqi-id2vpRh-oy6KFFh98+sE0=nNs@mail.gmail.com>

On 12/14/10 10:05 PM, Francesco Pizzolante wrote:
> Hi Christian,
>
>> The following would make the exported HTML link to an external stylesheet.
>>
>> #+STYLE:<link rel="stylesheet" type="text/css" href="my_style.css"/>
>>
>> But that 's not what you're after? You want the stylesheet to be /outside/
>> (linked from) your Org file, but /embedded in/ the exported HTML? Did I get
>> that right?
>
> Indeed. That would be the ideal solution for me: it would bring all the
> advantages I'm looking for:
>
> - separate files for developing separately the style and the content;
>
> - anybody could export the file as no special Emacs configuration is needed;
>
> - the exported file would be self-contained.
>
> Do you think about one way of doing this?

Something roughly along these lines, perhaps (warning: I'm still 
fairly new to Elisp and this comes with ABSOLUTELY NO WARRANTY):

#+BEGIN_SRC emacs-lisp
   (defun cm/org-export-html-embed-style ()
     (make-local-variable 'org-export-html-style)
     (setq org-export-html-style "")
     (let ((re "#\\+STYLE:\\s +<link\\s +rel=[\"']stylesheet[\"']\\s 
+type=[\"']text/css[\"']\\s +href=[\"']\\(.*\\)[\"']/>")
           (oldbuf (current-buffer))
           stylesheet
           css)
       (goto-char (point-min))
       (while (re-search-forward re (point-max) t)
         (setq stylesheet (match-string 1))
           (with-current-buffer (find-file stylesheet)
             (setq css (format "\n<style>\n%s\n</style>\n" 
(buffer-string))))
           (setq org-export-html-style (concat org-export-html-style 
css)))
       (switch-to-buffer oldbuf)))

   (org-add-hook 'org-export-first-hook 'cm/org-export-html-embed-style)
#+END_SRC

Usage: Link to one or more external stylesheets from your Org file.

: #+STYLE: <link rel='stylesheet' type='text/css' href='test5.css'/>

The contents of the stylesheet(s) will be embedded in the exported 
HTML between <style> tags.

The function swaps the ontent of the external stylesheets into 
org-export-html-style. If you're already using that variable, the 
above might screw things up. I'd prefer to use 
org-export-html-style-extra, but for some reason that didn't work..

This function doesn't remove the links to the external stylesheets, 
because it operates on the original document, not on a copy. You could 
add an org-export-preprocess-hook to remove the links, reusing the 
regexp from this example. (Running the above function as an 
org-export-preprocess-hook does not work.)

Hope this helps,
CM

  reply	other threads:[~2010-12-19  8:23 UTC|newest]

Thread overview: 5+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2010-12-14 16:54 Embedding the style when exporting to HTML Francesco Pizzolante
2010-12-14 19:29 ` Christian Moe
2010-12-14 21:05   ` Francesco Pizzolante
2010-12-19  8:25     ` Christian Moe [this message]
2010-12-24  3:20       ` René

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=4D0DC181.80406@christianmoe.com \
    --to=mail@christianmoe.com \
    --cc=emacs-orgmode@gnu.org \
    --cc=fpz@missioncriticalit.com \
    /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
Be sure your reply has a Subject: header at the top and a blank line before the message body.
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).