emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
From: Christian Moe <mail@christianmoe.com>
To: "David A. Gershman" <gershman@dagertech.net>
Cc: emacs-orgmode@gnu.org
Subject: Re: HTML Export, CSS Styling
Date: Sat, 22 Aug 2015 09:50:12 +0200	[thread overview]
Message-ID: <m237zbhidn.fsf@vpn-client081.uio.no> (raw)
In-Reply-To: <55D7F6D9.1040505@dagertech.net>

Hi,

See the first paragraph of the section "Quoting HTML tags" in the
manual.

In your example, you could do:

    This is the paragraph body that will allow *bold* or /italic/ or
    even _underline_, but what if I want only @@html:<span style="color:
    red;">@@THIS@@html:</span>@@ word to have styling?  Such as making
    it red to indicate importance?

For repeat use and/or export of special styling to other backends than
ODT, you may want to simplify things a bit with macros.

Use e.g. this in the document head:

    #+MACRO: red @@html:<span style="color: red;">@@$1@@html:</span>@@

(reload the document or do C-c C-c on the above line to make Org notice
you've added it). Then you can do 

    I want not only {{{red(THIS)}}} word to have styling, but
    {{{red(THESE\, TOO)}}}.

Note that commas separate arguments to macros, so you need to
backslash-escape any commas appearing in the styled text, as in the
above example.

Going further, you can use a macro with two arguments to have a choice
of colors:

    #+MACRO: color @@html:<span style="color: $1;">@@$2@@html:</span>@@
   
    I want {{{color(red, THIS)}}} word to be colored red, but
    {{{color(green, THIS ONE)}}}? to be green.

where the first argument (before the unescaped comma) is a color keyword
or code CSS can recognize.

(As an alternative to macros, some people define their own link types
with concomitant export functions just for styling text and hiding all
the necessary brackets out of sight. Requires elisp, offends purist
views of what links should mean, and is bad for document
portability. Originally my idea, I'm afraid.)

Hope this helps,

Christian

David A. Gershman writes:

> I've been reading all evening about HTML exporting, style sheets, etc. 
> Maybe I've been inundated with information, but I haven't been able to
> determine an answer to my question: can text in the middle of a
> paragraph by styled?  For example:
>
> * Heading 1
>    This is the paragraph body that will allow *bold*
>    or /italic/ or even _underline_, but what if I want
>    only THIS word to have styling?  Such as making it
>    red to indicate importance?
>
>
> I'm working on lecture notes and I was planning on a <span></span> tag
> so I can set the color and, ultimately, a 'title' attribute for a
> definition when hovered.  However, I'm only finding the "#+HTML" feature
> within org which seems to need to be on a line of its own.  Howver, the
> export would convert:
>
>   This is the paragraph body that will allow *bold*
>    or /italic/ or even _underline_, but what if I want
>    only
>     #+HTML: <span.....>THIS</span>
>    word to have...
>
> to 3 different paragraphs:
>
>    This is the paragraph body that will allow *bold*
>    or /italic/ or even _underline_, but what if I want
>    only
>    THIS
>    word to have...
>
> Am I missing something or is "in-line styling" just not a feature within
> Org (yet?)?
>
> Thanks!
>
> --David

  reply	other threads:[~2015-08-22  8:16 UTC|newest]

Thread overview: 6+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2015-08-22  4:13 HTML Export, CSS Styling David A. Gershman
2015-08-22  7:50 ` Christian Moe [this message]
2015-08-22 20:12   ` David A. Gershman
2015-08-22  7:52 ` Nicolas Goaziou
2015-08-22 15:52 ` Scott Randby
2015-08-23 20:15 ` Rick Frankel

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=m237zbhidn.fsf@vpn-client081.uio.no \
    --to=mail@christianmoe.com \
    --cc=emacs-orgmode@gnu.org \
    --cc=gershman@dagertech.net \
    /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).