Css pages for counter not the same as pdf - html

I have this pdf that I'm trying to export, but when I do, I add these no-break-inside-print
to render the page properly.
Because I do so, I think that the counter(pages) doesn't get the number of pages properly

Related

Determine which page and html element turned to pdf will be

I'm converting html to a pdf file and wanted to know if I can tell when a table row reaches a new page in the pdf or is there a way to account for it?
Can I get the page number or know it exceeds the page before conversion/after conversion?
Maybe a fixed page dimension?
It seems like it would be hard to account for and I should just break a table every few rows.

Best way to print HTML page that contains embed PDF

I have an application where im printing some information in a modal, and formatting the information with HTML.
At the bottom of the HTML page, I have an Embed pdf.
the idea of that info is that the user needs to print it, so they print the page.
Before I have the PDF embedded I was just printing the HTML code.
Now I'm facing a problem.
When i press print on the page, the HTML code is ok on the print preview, but the Embedded PDF doesn't appear.
What will be the best option to accomplish that?
I was thinking to convert the PDF to HTML code, but if the user uploads a PDF that is an image that wouldn't work.
Any suggestion!!
Thanks
this is an example of one of the forms.
if you see i will add some HTML code and down below the PDF embedded.

Identical HTML not rendering the same

I have a program that let's people design web pages graphically. Then hitting Publish creates an html file that is supposed to be an exact copy of what they created. The elements created by the editor are HTML elements. Publish then gathers up all the elements that have been created and for each one adds it to a string with
canvasOuterHTML += clone$[0].outerHTML;
So all the styles, text, etc., get put on the string. This string, along with some other information is written to the .html version of the page, and when this .html is loaded into a browser the browser displays the page!
But something is expanding the published page vertically. I've created the simple page below to illustrate. The first image is the page in the editor. The second image is what the html displays in the browser.
I'm completely stumped because the HTML and CSS for the two markups is exactly the same, so how can one be higher? I can't even think of a mechanism that would do that. Does anyone have any ideas? Thanks.

html file downloaded from webpage - content missing if .html is viewed in browser - possibly ReactJS

Overview:
After viewing a webpage online (using Firefox), I saved the webpage to an .html file. Upon then viewing the saved html file in Firefox, much of the content is just not there: I basically just see what amounts to a header and footer. The content I am actually interested in is not displayed. However, when I use an editor to look at the .html file, I can find the content among the html code fine. I just doesn't show up when I view the page and I can't figure out why. I am wondering how I could alter the code in order for the full page to display.
Specifics:
The webpage I am trying to view is for a recipe (http://www.cooksillustrated.com/recipes/1). This website requires a paid login, so you will likely not see the entire page anyway.
This link has a zip file of the .html file and the folder with the other images and stuff - https://drive.google.com/open?id=0B7IvODgWvxBbc1EwcmFwa050REE. The .html file has some name/email info in it but I have replaced it with made up info.
The relevant part of the .html file that does not view is lines 395 to 408. All the parts of recipe are right there, but it does not display in a browser. (I tried to display these html lines inline, but it exceeds the 30000 character limit.)
This makes me think that something (with which I am not familiar) in the html code is preventing viewing that content, and, if it were deleted or altered, would solve my problem. I have tried searching the web for an answer, but came up empty (I was not not really sure what to ask). And I have very little experience with html to know much of what is going on in that file. (And I want the html file; I am not looking for an alternative like just printing to pdf.)
If anyone can provide some pointers/direct me to a resource that would be greatly appreciated.

How do you extract data from a website's HTML code when its source code doesn't contain any text that appears on the site?

I'm trying to extract data from a particular site but when I read through the html code it contains none of the text that appears on the webpage. And all the webpages have the same code as the home page. I was wondering if it is possible to 'hide' data on your webpage somehow, and how I might be able to find it.
Thanks!