org-mode – ¿Cómo usar CSS para cambiar el estilo de los elementos en los correos electrónicos org-mime?

Pregunta:

La página org-mime describe cómo usar org-mime-html-hook para diseñar el correo electrónico HTML insertando CSS en línea. Utilicé este método para cambiar con éxito el estilo de los párrafos de mi cuerpo al apuntar a las etiquetas <p> :

(add-hook 'org-mime-html-hook
      (lambda ()
        (org-mime-change-element-style
         "p" "font-family: Georgia,serif;")))

Pero cuando probé el mismo método para apuntar a listas ordenadas, listas desordenadas y encabezados HECHO, no tuvo ningún efecto:

(add-hook 'org-mime-html-hook
      (lambda ()
        (org-mime-change-element-style
         "ul.org-ul li"
         "font-family: Georgia,serif;"))) 

(add-hook 'org-mime-html-hook
      (lambda ()
        (org-mime-change-element-style
         "ol.org-ol li"
         "font-family: Georgia,serif;"))) 

(add-hook 'org-mime-html-hook
      (lambda ()
        (org-mime-change-element-style
         ".done"
         "color:#00bb00"))) 

Los estilos CSS no se reflejaron en absoluto en el búfer HTML de org-mime .

Finalmente pude abordar las listas ordenadas y desordenadas al apuntar directamente a la etiqueta <li>

(add-hook 'org-mime-html-hook
      (lambda ()
        (org-mime-change-element-style
         "li"
         "font-family: Georgia,serif;"))) 

… ¡pero al hacerlo también eliminó el formato de mis etiquetas <p> !

¡Que está pasando aqui! ¿Y cómo puedo diseñar estos otros elementos usando org-mime ?

Respuesta:

Probablemente sea más fácil insertar su propia hoja de estilo en el encabezado de su correo HTML en lugar de reemplazar la configuración predeterminada:

(add-hook
 'org-mime-html-hook
 (lambda () (insert (concat "<head>\n<style>\n"
                       (with-temp-buffer
                         (insert-file-contents
                          (expand-file-name "~/orgmode/org-mime.css"))
                         (buffer-string)) "</style>\n</head>\n"))))

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top

web tasarım