Jspdf - fromHtml() - Pdf with single page - css

I have a problem when I use the fromHtml function jspdf he only writes the first page in the PDF , the rest appears as blank pages.
In older versions of the plugin do not, the problem that these versions do not have css and are not compatible with images, I need it in my project .
I am very grateful if anyone can solve or know a solution.

I came across the same problem.
See jsPDF multi page PDF with HTML renderrer it may help you solve the problem. I am working on it now.

Related

Weird facebook pixel code appearing at the bottom of a webpage

I have a weird problem on a Wordpress wesbite that I maintain: the code fbq('track', 'ViewContent'); appears at the very bottom of several pages that use the Ninja Forms plugin, here is an example:
https://www.smashdocs.net/subscribe-now/
I know that this code is used for Facebook pixel tracking but I don't have any related code inserted in the theme templates or as a plugin.
The weird thing is that the code cannot be found in the source code of the webpage. However, it can be seen when using the browser's element inspector.
The code appears only on pages where a Ninja Form is used - no other pages on the website have this problem. I tested all settings of Ninja Forms and could not find anything that has an effect on this.
I've searched on the web for this problem but could not find any help. Has anyone encountered a similar issue? I'll greatly appreciate any help on this topic.

Wordpress youtube embed not clickable bootstrap

After I moved a Wordpress website to production server I noticed youtube embeds were no longer clickable. The image and play button show up but nothing more.
Tried to renew the embed code, using the build in embed function, embed via media browser,... Nothing is working and it's making me crazy.
After some trial and error things I noticed that the video does work when the main bootstrap.css file is removed. Can't seem to find a clue to the solution though.
EDIT
Yes, I tried to disable all the plugins, with no result.
Changing back to the default twenty fifteen theme results in a working video embed. But since that one isn't build on bootstrap it's just a logic fact.
Anyone seen this before?
Web page with video embedded: click here
The website is sending lots of error messages in he consolu use F12 in Chrome, apparently your www-embed-player-new.js is causing the problem. Not even Edge is running the site correctly. I think you need a Chrome extension to make it work.
I would recommend you changing the plugin that imports the videos. Check this enter link description here
EDIT:
The chrome plugin Google Cast stops the error messages but still doesn't work.
The problem was with the wordpress loop on the single.php page.
A wrong code snippet caused the issue.
Fixed!

Google Maps Custom Icons will not load in any Browser

I used a tutorial to make some custom icons in Google Maps API for some local places. When I am in Dreamweaver and testing on my local server, the icons appear just fine. However, when I upload to my host and try to pull the page up on any browser (safari, chrome, canary, firefox), the images do not load. The placeholders for those images do show, though. I cannot understand what the issue is as I have reloaded and rechecked the code hundreds of times. Any help with this would be appreciated. As the code is very long, I have only included some snippets and the address where it is loaded.
To see the page, go to http://www.theriveroverlook.com/Local.html
I tried to load the code using the forum rules, but no matter what, it would not allow me to put the javascript in this post!
Please let me know if you can help me! This is the last piece of the puzzle I need to load this website! I am a newbie coder so I have made a lot of beginner mistakes!
Edited to add:
Thank you for your help. When I renamed the folder, it was fixed. For some reason, it did not like the folder name "icons". Perhaps this has something to do with Google's API
I get the following errors when I load your page:
Since those are the images you are using to create your custom icons they all fail to generate and won't appear on the map. Make sure you are hosting your images correctly and it should work fine.

Chrome print preview changes styling of web page

Short Version:
I am using Chrome 27.0.1453.94 on Windows 7 Pro
I go to http://www.try-phpbb.com/30x/ using Chrome
I select Print... | Save as PDF
The print preview looks nothing like the web page - layout, links, fonts all wrong.
Why?
How can I fix this to make the PDF styled the same way as the web site?
Long Version:
I am a member of a secure forum (ie have to log in for access), which is base on the phpBB forum template (https://www.phpbb.com/). Our forum will be cleared of all threads and posts soon to make room for the next round of subscribers.
We have been given permission (even encouraged) by the moderators to download the contents of each topic/thread/post and write them into PDF files so we can keep referencing them in the future. We have to do this ourselves, and I volunteered to do the work as I have an IT background. But its proving harder than I thought.
I was hoping to do the following this process...
Download and add "Stylish" Chrome Extension
(https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe)
Add CSS code to Stylish to modify the appearance of the forum pages ready for PDF migration
In Chrome use Print | Save as PDF option to save styled page as a PDF doc
For multi-page forums, repeat this process for each page and then use PDFMate (or similar) to concatenate the PDF docs together into a single long PDF.
Steps 1, 2 and 4 are working perfectly, but step 3 is not.
The print preview in Chrome screws up the appearance of the forum pages. Layout styling is lost, fonts are completely different, links are missing or look terrible. For example, try printing this page (http://www.try-phpbb.com/30x/) - it looks completely different in print preview to how it looks in the browser.
Is there something I can do to fix this? Can I somehow give the print preview version some CSS code to restyle it? Anyone know why this would be happening?
Or alternatively, can you suggest another solution to convert HTML to PDF? I have tried Chrome extensions "iWeb2x" and "Send to Google Drive", but with no success - because the forum is secured, the PDF file they create is the forum's Login page, not the forum thread page I'm currently looking at.
Any help greatly appreciated - thanks.
Have a look here, maybe it's helpful
http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/
You can set your own css style for the printed page.
Hope it helps, regards
I had a case, where if the iframe is display:none, the css is not loaded, thus not printing the correct CSS style. You can fix it with visibility:hidden; And size zero

Empty space in post content

http://www.damianc.pl/wp-content/themes/damianc/cphp.png
I've blog based on WordPress, I use plug-in SyntaxHighlighter Evolved. In my posts first codes has empty space in Chrome, but in IE hasn't [image]. How fix it?
I don't think the issue is fixable.
I have run into FireFox/Chrome/IE formatting issues working as a Software Developer, and the issue was in the underlining HTML structure. Each browser would interpret the HTML code differently.
You might be able to fix the issue if you can change the HTML that is sent to your posts. If not, I would recommend getting a different code formater. WordPress has a built in format for code triggered by,
<code> your code here </code>
or
<tt> your code here </tt>
See link for more detail: Writing Code in Your Posts

Resources