Question

I have many source/text file, say file.cpp or file.txt . Now, I want to see all my code/text in browser, so that it will be easy for me to navigate many files.

My main motive for doing all this is, I am learning C++ myself, so whenever I learn something new, I create some sample code and then compile and run it. Also, along these codes, there are comments/tips for me to be aware of. And then I create links for each file for easy navigation purpose. Since, there are many such files, I thought it would be easy to navigate it if I use this html method. I am not sure if it is OK or good approach, I would like to have some feedback.

What I did was save file.cpp/file.txt into file.html and then use pre and code html tag for formatting. And, also some more necessare html tags for viewing html files.

But when I use it, everything inside < > is lost
eg. #include <iostream> is just seen as #include, and <iostream> is lost.

Is there any way to see it, is there any tag or method that I can use ?

I can use regular HTML escape code < and > for this, to see < > but since I have many include files and changing it for all of them is bit time-consuming, so I want to know if there is any other idea ??

So is there any other solution than s/</&lt; and s/>/>

I would also like to know if there any other ideas/tips than just converting cpp file into html.

What I want to have is,
in my main page something like this,

tip1 Do this

tip2 Do that

When I click tip1, it will open tip1.html which has my codes for that tip. And also there is back link in tip1.html, which will take me back to main page on clicking it. Everything is OK just that everything inside < > is lost,not seen.

Thanks.

Answer 1

You might want to take a look at online tools such as CodeHtmler, which allows you to copy into the browser, select the appropriate language, and it’ll convert to HTML for you, together with keyword colourisation etc.