So I have this


And using make4ht (tex4ht) it generates the following markup (I'm pasting it as outputed):

<p>   <img 
src="./src/images/screenshot--superman.png" alt="PIC"  

But It would be pretty awesome to add classes to that image using LaTeX with some kind of hack.

<img class="my-class" src="./src/images/screenshot--superman.png" alt="PIC" />

Is that doable through LaTeX itself, or should I set up some tex4ht hooks to add an enclosing <div class="my-class"> <img> </div>?


You can use \Configure{IMG}:

\Configure{IMG}{\HCode{<img class="my-class" src="}}{\HCode{" alt="}}{}{\HCode{"}}{\HCode{ />}}


This produces

<p class="noindent" ><img class="my-class" src="./src/images/screenshot--superman.png" alt="PIC" /> </p> 

if you want to preserve the image dimensions, you need to create .xbb file, which holds image dimensions. It can be created using `ebb command:

ebb -x src/img/*.png

the dimensions are now calculated:

<p class="noindent" ><img class="my-class" src="./src/images/screenshot--superman.png" alt="PIC"        
width="172.5pt" height="56.58652pt"  /> </p> 
  • Had to be you @michal.h21, you're amazing, thanks – Claudiordgz Jan 31 '16 at 21:42
  • @Claudiordgz you are welcome :) – michal.h21 Jan 31 '16 at 21:49
  • @michal.h21 I'd like to get rid of the <p> tag wrapping <img>, but I can't see how to modify \Configure{IMG} in order to obtain that. Let me know if you think I should ask a new question on this regard. – mmj Sep 9 '16 at 14:43
  • @michal.h21 Update: adding \IgnorePar\EndPat beginning of 1st argument of \Configure{IMG} I managed to make tex4ht close the <p> tag before the <img...> tag, but now I have an annoying empty HTML paragraph <p></p> before <img...>. – mmj Sep 9 '16 at 16:01
  • @mmj this might be worth it's own question :) – michal.h21 Sep 9 '16 at 19:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.