I'm using ABCPDF.Net version 5 to create a PDF file from HTML. However, the links appear to be highlighted in a dark color and almost impossible to read. If I set pdfDoc.HtmlOptions.AddLinks = false; then the text displays fine but obviously the links are gone. The links also display fine as HTML. Just wondering if anyone has encountered this issue before, or has an idea about how to fix.
Steve
Version 5 is very old. I would recommend that you upgrade to the latest version, it has a much better render engine for HTML.
ABCPdf will stream in what ever the HTML looks like on the server. First off double check that you are not getting this issue when you view the HTML direct on the server. open the page in IE (ABCPdf, pre version 8 uses the servers version of IE for the render).
If you are getting the links a funny colour on the server, just change the css of the page until it all looks ok.
Related
Ok, so I have an HTML email with several inline images (charts and such). The images are embedded using CID. The email works perfectly fine on all desktop platforms. My issue is that the images are no longer inline when you try to open the email on iPhone (IOS mail app or IOS Outlook).
This is what they look like on IOS mail:
And this is what happens when you tap one of those boxes:
(contents of the image are irrelevant)
So, they load fine if you tap them individually, but I really need them to appear inline. Any idea whats going on? I thought maybe the images were too large, but one of the images is only 12kb and it still doesn't appear. In total the email is only about 850kb, which really shouldn't be too big either.
A few things to note:
It is definitely sending properly as an HTML email, as all of the CSS in the titles and the HTML tables (not shown) are working perfectly.
There is no "Download all images" link at the bottom of the email, as many of the suggestions I have found online seem to say.
I have "Download remote images" enabled in my settings.
All of the images are .png
Any ideas are appreciated.
I found the issue. For whatever reason this happens when I am making an absolute reference i.e. (C:\ReportEmail\Data\Logo.png) to the file path in my code. If I put the images in the same folder as the script and make a relative reference to the working directory i.e.(.\Logo.png) it works fine. I have no idea why this is the case, as the two types of references should be pretty much identical in usage. Oh well.
Why do all new WordPress posts with a graphic or link show the corresponding HTML code instead of the image or link?
When I create a new post I use the visual editor, and I press Add Media, then select a graphic that I have uploaded, and the graphic shows as expected in the visual editor. I then press Preview and the full “img” HTML text shows in the preview window instead of the graphic. When inspecting the Preview window’s img element, it has quotes around the whole img element, thus treating it as text. The same issue happens when inserting a link – the full “a” HTML text is displayed.
This happens for me on the the default install of WP 4.7.3. Installed WP 4.7.3 to a fully patched Windows 7 64-bit PC. Apache 2.4.23, PHP 7.1.3, MySQL 5.7.15 with utf8mb4_general_ci collation (also tried utf8_default_collation). No plugins are active (I only have the 2 default plugins installed). No themes other than 3 default, and Twenty Seventeen is active. Using Chrome 57/Safari/Firefox all do the same thing.
I’ve installed on another Windows PC and get the same issue. If I press Add Media and add the graphic, then switch to the text editor, it shows the “img” element text correctly in the editor. When I preview this text view or publish it, it shows the full “img” element as text just like publishing from the visual editor view. If I manually enter an “a” link element, it shows the full “a” HTML not just the link’s visible text. All these scenarios show the HTML instead.
Restarted Apache, cleared cache, checked all Apache and PHP logs and no errors show in Chrome console.
I found this problem was caused by the filter setting in the php.ini file. From a previous PHP application the following setting was set:
filter.default = full_special_chars
This wrapped the post information in quotes. Commenting out this setting solved the problem.
I have a Wordpress site and created a custom theme for it. The pure CSS and HTML test version (without making it an actual Wordpress theme) is displayed 100% correct.
As soon as I make it dynamic and create a WP theme, IE 10 is ok, but IE10 compatibility and below somehow evaluate my document head as part of the body. It is displayed in IE html view window like this:
'!!!' is my actual title. All the CSS and meta information should be before my title, and somehow the head ending metatag is not displayed but it is present in my html markup.
SourceCode view is displayed as:
Head ending and everything in place. However there are two leading whitespace before DOCTYPE declaration, I have no idea how they got there, cleaned up every possible place in my source files. If I copy and paste their value into notepad two question marks "??" are displayed instead of whitespace.
Have never seen anything like this before. Mozilla and Chrome are 100% ok.
In case anybody has the same problem I found the answer.
My page.php and functions.php file of the Wordpress theme was utf-8 encoded that sometimes puts leading whitespace in the source code. This was enough for IE. I made it ANSI encoded and now it is ok.
Hi im demonstrating the html tags that are new in CSS3 and I'm making a documentation for the easy viewing and interpretation on comparing both the source code and the output.And its its really hard for me going to the source code and then selecting the file and browsing it on the browser
It would be great if I could view both the source code and the output
on the same html page.
For example(I m talking from the page I ve attached below) if I select Source code the source code must be displayed on the screen or from any of the text editors.
I don't know whether it is possible to do so,If possible it would be great
if anyone of you could guide me.
To get the source of just one element, do this:
HTML: <div id="one"><span id="two"></span></div>
JS:
document.getElementById('one').innerHTML // returns <span id="two"></span>
document.getElementById('one').outerHTML // returns <div id="one"><span id="two"></span></div>
To get the source of the entire page, do this:
document.doctype + document.documentElement.outerHTML
document.doctype returns the doctype, and document.documentElement.outerHTML returns the code for the <html> tag and everything inside it.
Use the developer tools you have in all modern browsers (the most advanced ones being Chrome and Firefox).
You typically open such a toolset using the Ctrl-Uppercase-i shortcut.
Then you have a lot of useful tools, as described here for Chrome or here for Firefox.
One of them seems to be exactly what you need. For example in Chrome, the first tab, called "Elements", shows you the source code with a lot of goodies (interpreted css with reasons, element displayed when you hover the mouse, search, etc.).
I'd suggest you take the time to read the linked documentation, as this is an essential tool of any web developer. And you won't be able to stop using those tools as soon as you go deeper in javascript or css.
Is there any way to view an HTML file in IntelliJ fully rendered? I have a simple HTML file with a listing of links in a project. When I view the file I see this:
link 1
link 2
link 3
I would like to open the file in IntelliJ and have it show the rendered HTML instead:
link 1
link 2
link 3
This way I can avoid launching it in an external browser.
Short answer: No.
But, honestly, because one of the issues we all know about all-so-well is the (now) minor differences in browsers - it's best to test in all of the real browsers anyways.
This is why they give you this convenient little menu in the upper right of the document:
For HTML view in IDEA
move your mouse cursor to the upper right corner of the page, or type ALT+F2, you will see a small pop-up menu with the icons for various browsers. Click one to launch it in that browser. Configure the locations of the browser executables in File > Settings > IDE Settings > Web Browsers