Re: How to remove the automatically generated css codes from exported HTML file?

From: Bernt Hansen <bernt@norang.ca>
To: Carsten Dominik <dominik@science.uva.nl>
Cc: emacs-orgmode@gnu.org
Subject: Re: How to remove the automatically generated css codes from exported HTML file?
Date: Tue, 28 Oct 2008 11:43:21 -0400	[thread overview]
Message-ID: <8763nciv3a.fsf@gollum.intra.norang.ca> (raw)
In-Reply-To: <68A0E68E-BB38-4286-8B2C-454E9E6292E2@uva.nl> (Carsten Dominik's message of "Tue\, 28 Oct 2008 16\:40\:39 +0100")

Thanks :)

Carsten Dominik <dominik@science.uva.nl> writes:

> Hi,
>
> A different and maybe slightly more convenient way is now implemented:
>
> There is a new variable `org-export-html-style-include-default'.
> Turning it off
> will exclude the default style.  This variable is tied to the :style- 
> include-default
> property for publishing, so it can be used as a publishing parameter.
>
> - Carsten
>
> On Oct 23, 2008, at 3:16 PM, Bernt Hansen wrote:
>
>> All of my projects have their own CSS style sheets.  I override the
>> style variable in a custom function to export my project.
>>
>> If I'm working on an org file that is part of a project I export by
>> hitting C-s-f12 which saves the current document and then exports it.
>>
>> ,----[ part of my .emacs ]
>> | (global-set-key (kbd "C-s-<f12>") 'my-save-then-publish)
>> |
>> | (defun my-save-then-publish ()
>> |   (interactive)
>> |   (save-buffer)
>> |   (org-save-all-org-buffers)
>> |   (let (org-export-html-style-default)
>> |     (setq org-export-html-style-default "")
>> |     (org-publish-current-project)))
>> `----
>>
>> All of my projects specify their own CSS files and it saves
>> bandwidth to
>> not have the CSS included in the page itself - especially if we're
>> overriding all of the values anyway.
>>
>> Maybe org-publish-current-project should set
>> org-export-html-style-default to an empty string if the project
>> specifies a :style option already?  (i.e. if there is a :style element
>> in the org-publish-project-alist for the project being exported.  It's
>> trivial to provide the default style values in the CSS file once and
>> then every page you download doesn't need to send it to the client
>> browser)
>>
>> If I export manually with C-c C-e H I get the default HTML included -
>> but if I export my project which uses the CSS style sheets no extra
>> style information is included in the generated HTML files.
>>
>> This setup works great for me.
>>
>> -Bernt
>>
>>
>> Carsten Dominik <dominik@uva.nl> writes:
>>
>>> If you must,
>>>
>>>   (setq org-export-html-style-default "")
>>>
>>> But I would recommend to simply overwrite everything you need with
>>> your own style.
>>>
>>> - Carsten
>>>
>>> On Oct 23, 2008, at 11:23 AM, Larry.Liu wrote:
>>>
>>>> Hi,
>>>>
>>>> On Thu, Oct 23, 2008 at 11:51 AM, Manish
>>>> <mailtomanish.sharma@gmail.com > wrote:
>>>> This thread might help.
>>>> http://thread.gmane.org/gmane.emacs.orgmode/7156
>>>>
>>>> The variable org-export-html-style-extra works fine, customized css
>>>> contents can be added to the html file, but Org-mode will not remove
>>>> the automatically generated style codes, what I am wondering is how
>>>> can I remove the style part added by Org-mode, it will append the
>>>> follow css definition always. I think it is added by the org-info-js
>>>> extension, because we can see such name in the style definition
>>>> below.
>>>> <style type="text/css">
>>>>  html { font-family: Times, serif; font-size: 12pt; }
>>>>
>>>>  .title  { text-align: center; }
>>>>  .todo   { color: red; }
>>>>  .done   { color: green; }
>>>>  .tag    { background-color:lightblue; font-weight:normal }
>>>>  .target { }
>>>>  .timestamp { color: grey }
>>>>  .timestamp-kwd { color: CadetBlue }
>>>>
>>>>  p.verse { margin-left: 3% }
>>>>  pre {
>>>> 	border: 1pt solid #AEBDCC;
>>>> 	background-color: #F3F5F7;
>>>> 	padding: 5pt;
>>>> 	font-family: courier, monospace;
>>>>        font-size: 90%;
>>>>        overflow:auto;
>>>>  }
>>>>
>>>>  table { border-collapse: collapse; }
>>>>  td, th { vertical-align: top; }
>>>>  dt { font-weight: bold; }
>>>>
>>>>  .org-info-js_info-navigation { border-style:none; }
>>>>  #org-info-js_console-label { font-size:10px; font-weight:bold;
>>>>
>>>>                               white-space:nowrap; }
>>>>  .org-info-js_search-highlight {background-color:#ffff00;
>>>> color:#000000;
>>>>                                 font-weight:bold; }
>>>>
>>>>
>>>> </style>
>>>>
>>>>
>>>> On Thu, Oct 23, 2008 at 10:25 AM, Larry. Liu wrote:
>>>>> Hi,
>>>>>
>>>>> I want to remove the css style codes generated automatically by
>>>> Org-mode in
>>>>> the exported html file, I have set the variable style for html
>>>> export and
>>>>> itself works fine, but the css definition generated by Org-mode
>>>>> automatically doesn't get removed, and it affects the display of
>>>> exported
>>>>> file, how can I remove it?
>>>>>
>>>>> Thanks :)
>>>>>
>>>>> --
>>>>> --------------------------------------
>>>>> Larry.Liu
>>>>> Mobile: 13911483964
>>>>> ---------------------------------------
>>>>
>>>>
>>>>
>>>> -- 
>>>> --------------------------------------
>>>> Larry.Liu
>>>> Mobile: 13911483964
>>>> ---------------------------------------
>>>> _______________________________________________
>>>> Emacs-orgmode mailing list
>>>> Remember: use `Reply All' to send replies to the list.
>>>> Emacs-orgmode@gnu.org
>>>> http://lists.gnu.org/mailman/listinfo/emacs-orgmode
>>>
>>>
>>> _______________________________________________
>>> Emacs-orgmode mailing list
>>> Remember: use `Reply All' to send replies to the list.
>>> Emacs-orgmode@gnu.org
>>> http://lists.gnu.org/mailman/listinfo/emacs-orgmode