apply attr_html to a whole figure?

apply attr_html to a whole figure?

[Matt Price]

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

When exporting images with captions, ox-html currently creates a strucuture
like this:


<div class="figure">
<p><img src="./images/hlevel.png" alt="hlevel.png">
</p>
<p><span class="figure-number">Figure 1:</span> "test"</p>
</div>

(I've tried setting org-html-html5-fancy" to t, but for whatever reason
this doesn't result in the useo f the <figure> tag. I tried with emacs -q
with no luck).

I would like to be able to give an additional class to the enclosing <div
class="figure">.  Any idea how i might be able to do that? As far as I can
see, org-html--wrap-image does not have access to the org link element and
so can't query for attributes.

I really appreciate any ideas! Thanks,
Matt

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

Re: apply attr_html to a whole figure?

[Christian Moe]

I don't think Org syntax provides any way to do this at present, but
ignore the rest of this message if anyone knows better.

Possible workarounds:

1. Wrap your figure in a #+BEGIN_ADDITIONALCLASS...#+END_ADDITIONALCLASS
block, to wrap the div.figure in a div.additionalclass. Not exactly what
you wanted, and a pain in the neck if you have many such figures, but
gives you enough to work with in CSS.

2. Add javascript to move the extra class attribute from the img to
the containing div. 

3. Write an export filter.

Yours,
Christian


Matt Price writes:

> When exporting images with captions, ox-html currently creates a strucuture like this:
>
>
> <div class="figure">
> <p><img src="./images/hlevel.png" alt="hlevel.png">
> </p>
> <p><span class="figure-number">Figure 1:</span> "test"</p>
> </div>
>
> (I've tried setting org-html-html5-fancy" to t, but for whatever reason this doesn't result in the useo f the <figure> tag. I tried with emacs -q with no luck).
>
> I would like to be able to give an additional class to the enclosing <div class="figure">. Any idea how i might be able to do that? As far as I can see, org-html--wrap-image does not have access to the org link element and so can't query for attributes. 
>
> I really appreciate any ideas! Thanks,
> Matt
>
>  

Re: apply attr_html to a whole figure?

[Eric Abrahamsen]

Matt Price <moptop99@gmail.com> writes:

> When exporting images with captions, ox-html currently creates a
> strucuture like this:
>
> <div class="figure">
> <p><img src="./images/hlevel.png" alt="hlevel.png">
> </p>
> <p><span class="figure-number">Figure 1:</span> "test"</p>
> </div>
>
> (I've tried setting org-html-html5-fancy" to t, but for whatever
> reason this doesn't result in the useo f the <figure> tag. I tried
> with emacs -q with no luck).

It looks like `org-html--wrap-image' should be responsible for using a
proper "figure" element, maybe try edebugging it and see what it's
doing? This may be obvious, but the document has to be exported as html5
before html5-fancy has any effect!

Eric

Re: apply attr_html to a whole figure?

[Matt Price]

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

On Thu, Sep 22, 2016 at 3:09 AM, Christian Moe <mail@christianmoe.com>
wrote:

>
> I don't think Org syntax provides any way to do this at present, but
> ignore the rest of this message if anyone knows better.
>
> Possible workarounds:
>
> 1. Wrap your figure in a #+BEGIN_ADDITIONALCLASS...#+END_ADDITIONALCLASS
> block, to wrap the div.figure in a div.additionalclass. Not exactly what
> you wanted, and a pain in the neck if you have many such figures, but
> gives you enough to work with in CSS.
>

This does it for me, and actually makes it easier to delimit css classes
appropriately, so it's great, thank you.

>
> 2. Add javascript to move the extra class attribute from the img to
> the containing div.
>

Yeah I thought about it but haven't gotten around to it.

>
> 3. Write an export filter.
>

THis feels like what I should learn to do, but, well, now that you've given
me a workaround it's hard to get up the motivation to learn...

Thank you!!

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

Re: apply attr_html to a whole figure?

[Matt Price]

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

On Thu, Sep 22, 2016 at 5:50 AM, Eric Abrahamsen <eric@ericabrahamsen.net>
wrote:

> Matt Price <moptop99@gmail.com> writes:
>
> > When exporting images with captions, ox-html currently creates a
> > strucuture like this:
> >
> > <div class="figure">
> > <p><img src="./images/hlevel.png" alt="hlevel.png">
> > </p>
> > <p><span class="figure-number">Figure 1:</span> "test"</p>
> > </div>
> >
> > (I've tried setting org-html-html5-fancy" to t, but for whatever
> > reason this doesn't result in the useo f the <figure> tag. I tried
> > with emacs -q with no luck).
>
> It looks like `org-html--wrap-image' should be responsible for using a
> proper "figure" element, maybe try edebugging it and see what it's
> doing? This may be obvious, but the document has to be exported as html5
> before html5-fancy has any effect!
>

It should have been obvious, but it wasn't to me! setting org-html-doctype
to "html5" fixed the problem. Thank you!
Matt

>
> Eric
>
>
>

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