Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Is there any way to render a PDF from a HTML doc styled with CSS3 Generated Content for Paged Media?
If there is not an application like that, what can I use as a base to build such a converter?
Thanks
They only application I know of that can possibly convert HTML/CSS3 to good quality PDF is PrinceXML. (And it is my impression, that Google licensed and utilizes their code somehow in GoogleDocs for PDF export.)
However, this is a commercial application, and I think it comes with a hefty price tag.
One of it's leading lights is Håkon Lie, who is also behind all the technical achievements of the Opera web browser.
Here is a 2 years old Google Tech Talks video where Lie outlines some of the technologie behind PrinceXML:
http://www.youtube.com/watch?v=vcXUrNSvjhU
wkhtmltopdf should handle this very nicely.
http://code.google.com/p/wkhtmltopdf/
Searching the web, I have found
several command line tools that allow
you to convert a HTML-document to a
PDF-document, however they all seem to
use their own, and rather incomplete
rendering engine, resulting in poor
quality. Recently QT 4.4 was released
with a WebKit widget (WebKit is the
engine of Apples Safari, which is a
fork of the KDE KHtml), and making a
good tool became very easy.good tool became very easy.
DOMPDF is an open source PHP project to convert HTML to PDF documents, but it doesn't support CSS3 generated content, but the project is very active. You are welcome to participate !
It's CSS 2.1 support is pretty good, and a few CSS3 properties have been added recently in the SVN trunk.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
I would like to convert (flip horizontally) my entire website to be used with RTL languages such as Hebrew and Arabic.
As far as I can imagine there are not a few properties I have to take care about in order to accomplish this task.
My website is pretty complicated in terms of CSS styling so I am looking for the most elegant and 100% working method to do so.
I have found some online tools but it seems they do not take care of every possible property and this simply breaks the website.
Can someone suggest a good and an elegant way?
Using different stylesheets for the RTL version:
This method became popular recently due to the rise of this plugins that automatically parse the CSS files and produce an RTL version.
1- Automate RTL and LTR language directions supoort With Grunt and Sass
2- Grunt plugin to convert CSS stylesheets between left-to-right and right-to-left
3- Bi App LESS
4- Bi App SASS
Also there is a Chrome extension called My Style This extension add a textarea to the pages the user visit. It is toggled by pressing ctrl + m. Whenever CSS declaration is added to it, it will affect all the pages on the this domain. The CSS isn’t removed until the user remove it manually. Using this extension, I start adding the overrides till I get the prefect result.
note: this answer collected from many sources and I did not test them, i hope it helps in someway, thanks !
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I am in the process of building a web-site with html and css.
Till now I viewed the code through my browser (explorer 10) and adjusted it in a way that it would look good on the browser. (Moved objects around, determine their size etc.)
Sadly, I recently discovered a bitter truth - the fact that everything look good and is in position in explorer 10 on my pc doesn't say anything about how it will look in different browsers or even different versions of the same browser.
I tried it on Chrome, explorer 11 on my laptop and tried to change the screen resolution- in all those cases the page didn't display as expected.
[Objects were misplaced, the cover photo didn't cover all the screen , etc.]
What properties in the css are responsible for compatibility in display between browsers, versions and resolution?
Those who have experience in web-developing - can you recommend a platform that makes the developing process easier? (maybe takes care of cross browsers compatibility and so on).
Something that is better than just starting from an empty html file.
You have to edit lots of css cross browsers depending on how they each render the results.
Read these two articles,
CSS Mistakes
Cross browser coding
This is the reason a great deal of web developers are using well known, mobile ready style libraries. Your question is broad, however, there is no reason why a web developer cannot point you in the right direction.
Take a look at Twitter Bootstrap. It's a mobile ready CSS/Script library which you can reference via CDN or you can install the library in your application. Not only is it mobile ready, but it is cross browser compliant. You will most likely be pleased with your results using Twitter Bootstrap styles.
http://getbootstrap.com/getting-started/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 9 months ago.
Improve this question
Anyone know of a way to have a split screen view in Notepad++ where I can be editing my HTML / CSS in one pane/tab and be seeing the Live Preview of what it would look like in a browser in another tab/pane?
Ideally, this would be:
in Notepad++ itself (using native panes/tabs as described above)
the user could configure whatever browser rendering engine (Chrome, FF, IE, etc...) they wanted to view the preview in
However, I could live with any variation of the two above, e.g. simply integrated with RubyMine using external windows/browsers, or maybe, the preview only available with limited rendering engines (only Chrome let's say).
The plugin Preview HTML is the closest match to what your are looking for.
Go to the Plugins menu and then find the Preview HTML entry to install it. Its description is: Preview HTML files inside Notepad++ (or in a floating window) without having to save them first. The latest update now refreshes the preview automatically after switching tabs, or whenever the document is changed.
More information in the official website.
I think you're looking for it，the"Preview HTML".
this is the Introduction：http://chiselapp.com/user/vor0nwe/repository/npp_preview/home
Well this is now 8! years old. But I'd thought I'd chime in. The author of the plug in is no longer updating it, and, at least in my machine, it's not working anymore. 1
The plug-in author's suggestion would be to use a more modern text editor (like Visual Studio Code) and use one of the extensions. (Live Preview)
I know programs such as Webstorm JetBrains 6.0.1 can do this, you will have to download the chrome extension also. If not, then you can always use Codeacademy.com as an alternative and type code into there editor. It still works. :/
Just came across this post.
Years ago had been interested in Notepad++ but found it too limited as wanted it to be more of a wysiwyg type interface and not just text. Plus, would be awesome to be able to have sortable tables inside notes. The closest I've found to do these things are PIM tools such as OneNote or EssentialPIM.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I just saw Bret Victors Keynote called "Inventing on Principle". At around 3:34 Minutes he uses a code editor that - after a change he makes - immediately shows consequences of it. As he types there are instant results.
This is the video I am talking about:
http://vimeo.com/36579366
Another example is this real-time online html editor.
Can you tell me which offline editor I could use to work on my web projects (HTML/CSS/JS) this way? Preferably it can be used on OS X. Thanks!
Brackets looks nice, but still on development.
I don't know if there are any free ones, but TextMate has a live preview window. Just don't download the version 2 beta — I don't think it's been implemented there yet. You can also check out Coda and BBEdit.
http://www.youtube.com/watch?v=TBUC-7D1LIc
this guy already came up with a similar open source program like the one in the video. He also is going to be putting up the source on Github soon.
CoffeeCup has a Web Editor in beta that uses live preview and includes the code-preview connection you see in the video. Select an element in the preview and the corresponding HTML/CSS is selected, or select HTML code and see which element it applies to in the preview.
If you're still looking for an offline editor, you could always check out Notepad++. It has a live html preview, but doesn't show most of the newer stuff; just basic layouts as well as basic CSS.
Notepad++ Website
Espresso updates the preview window as you type in the editor but it's for mac only
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I've found wkhtmltopdf, which looks good on the surface and works fine in very small cases, but it doesn't provide any real css control over the rendering.
By that I mean it doesn't use the print media type and page breaks are not respected, as well, on windows you can't control the names of some header/footer variables, or generate a TOC off of teh h1 tags.
Are there any real open source alternatives, I've tried xhtml2pdf which is a python library actually called pisa, but it requires reportlab which doesn't play nice windows.
I'm actually programming in .net but if its good and open source, the language isn't a huge issue.
This is an old stackoverflow question, but because google took me here, it could be helpful for somebody else.
Weasyprint should support what the author was looking for.
It supports print css features like page break.
Try weasyprint
It turns out there was no open source alternative that was simpler, but on windows wkhtmltopdf is just not the best thing, so we paid for a better solution.
Winnovative's PDF library is what we used
While it is not open-source, I use ABCPDF. I have a template page in .NET that I use for a wrapper to set up a custom stylesheet for generating PDFs only.