X
Tap here to go to the mobile version of the site.

Support Forum

save HTML only looses changes

Posted

I create HTML files containing many photos each. Then in Firefox I Select/change div class of certain photos with

<script> function classToggle(el) { el.classList.toggle("keep"); } </script>

The intention then is to save and parse the edited HTML to identify the 'keep" photos.

If I Save File As 'HTML complete' then file is saved WITH the class changes made by <script> and the photos are copied to sub folder. The img src is changed accordingly. This is what one would expect and hope for, but not what I am aiming for.

I want to preserve the HTML changes made by <script> and leave everything else untouched. ie, don't muck with the photos. So I Save File As 'HTML only'. But the file that I get back seems to be original with the original HTML (even if I change the file name), class settings and all, not the edited version.

Google Chrome seems to do the same thing.

As a work around I could create the source HTML with comments of photo path/names then 'Save HTML complete', But the photos would still get copied to a sub folder which is a waste of time and possibly stessing my SSD.

Not too complex solutions would be appreciated - I am not an expert.

Thanks in advance.

I create HTML files containing many photos each. Then in Firefox I Select/change div class of certain photos with <script> function classToggle(el) { el.classList.toggle("keep"); } </script> The intention then is to save and parse the edited HTML to identify the 'keep" photos. If I Save File As 'HTML complete' then file is saved WITH the class changes made by <script> and the photos are copied to sub folder. The img src is changed accordingly. This is what one would expect and hope for, but not what I am aiming for. I want to preserve the HTML changes made by <script> and leave everything else untouched. ie, don't muck with the photos. So I Save File As 'HTML only'. But the file that I get back seems to be original with the original HTML (even if I change the file name), class settings and all, not the edited version. Google Chrome seems to do the same thing. As a work around I could create the source HTML with comments of photo path/names then 'Save HTML complete', But the photos would still get copied to a sub folder which is a waste of time and possibly stessing my SSD. Not too complex solutions would be appreciated - I am not an expert. Thanks in advance.

Chosen solution

^: Note that the intention is not saving the full page (HTML and other content) in one file, but is to save only the modified HTML code to save space.

You can possibly only save the HTML code of the BODY tag in the left panel in the Inspector (Copy -> Copy Outer HTML) and if necessary also do this for the HEAD tag. An alternative could be saving the generated DOM source (Select All and View Selection Source). Note that you can only save inline CSS style rules this way and not modified CSS files.

Read this answer in context 1
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 23.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0

More Information

the-edmeister
  • Top 25 Contributor
  • Moderator
5425 solutions 40505 answers

To save "HTML complete" in one file, try using one of these Add-ons: https://addons.mozilla.org/en-US/firefox/addon/save-page-we/ OR https://addons.mozilla.org/en-US/firefox/addon/single-file/

I use the first one.

To save "HTML complete" in '''one''' file, try using one of these Add-ons: https://addons.mozilla.org/en-US/firefox/addon/save-page-we/ OR https://addons.mozilla.org/en-US/firefox/addon/single-file/ I use the first one.
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17785 solutions 160874 answers

Chosen Solution

^: Note that the intention is not saving the full page (HTML and other content) in one file, but is to save only the modified HTML code to save space.

You can possibly only save the HTML code of the BODY tag in the left panel in the Inspector (Copy -> Copy Outer HTML) and if necessary also do this for the HEAD tag. An alternative could be saving the generated DOM source (Select All and View Selection Source). Note that you can only save inline CSS style rules this way and not modified CSS files.

^: Note that the intention is not saving the full page (HTML and other content) in one file, but is to save only the modified HTML code to save space. You can possibly only save the HTML code of the BODY tag in the left panel in the Inspector (Copy -> Copy Outer HTML) and if necessary also do this for the HEAD tag. An alternative could be saving the generated DOM source (Select All and View Selection Source). Note that you can only save inline CSS style rules this way and not modified CSS files. *https://developer.mozilla.org/en-US/Tools/Page_Inspector/How_to/Examine_and_edit_HTML
Was this helpful to you? 1
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.