search

adam-golab / react-developer-roadmap

Roadmap to becoming a React developer
Other
18.72k stars 2.03k forks source link

Adding PDF version #20

Closed prosimplecoding closed 5 years ago

prosimplecoding commented 5 years ago

Adding PDF version via upload.

Features of PDF:

adam-golab commented 5 years ago

Could you add links to blocks with libraries in the PDF file? For example, clicking on React should navigate to https://reactjs.org/, clicking on Redux to https://redux.js.org/ and so on, according to links in the readme. That was probably the idea behind #12. I agree that may be helpful.

prosimplecoding commented 5 years ago

Yes, I'm trying to do it. But, text-decoration: none; (in draw.io maybe text-decoration=none; ) CSS rule doesn't work.
link

prosimplecoding commented 5 years ago

One example you can see in this file roadmap (Link only added to React).pdf If you agree, I continue like this.

adam-golab commented 5 years ago

I'd prefer a version without underlines and blue color of the font. The link works very well, but I think the roadmap looks better without underlines.

adam-golab commented 5 years ago

@prosimplecoding In which way are you adding links? I added link by selecting block, clicking on Edit -> Edit Link..., and it added link without underline, but I'm not able to export it to single page PDF file. But after exporting it to PDF divided into a few pages, it works like a charm.

prosimplecoding commented 5 years ago

@adam-golab I also want so.

I adding links with these way:

  1. Double click to text;
  2. Then click link button: add link.

In my opinion, in this way Edit-> Edit Link... link is not working.

To export diagram to single page PDF file I used this way:

  1. File -> Export as-> Advanced...
  2. Then I changed Filename value to roadmap.pdf, Format value to PDF and Width value to 1100.
  3. Click to "Export" button. export
prosimplecoding commented 5 years ago

I also try to find how to make a PDF version links without underlines and blue color of the font using XML.

TomasHubelbauer commented 5 years ago

Could you generate the PDF using Puppeteer so that it can be deterministically regenerated? Right now you are printing it from Chrome by hand I assume?

prosimplecoding commented 5 years ago

I fixed this problem. More in next pull request: https://github.com/adam-golab/react-developer-roadmap/pull/29