How do you show code on a website? Right now I define a bunch of CSS styles called Comment, Preprocessor, Keyword, etcetera. Then make a two column table, make the left column line numbers and and the right column each row has a line of code. Then I manually go through the code assigning CSS styles where appropriate. The problem is that this is tedious, especially for long pieces of code and it is not portable so if I need to change things it takes a long time. I am very new to website programming and have no idea where to start with this. Any help?
Labdabeta 182 Posting Pro in Training Featured Poster
simplypixie 123 Posting Pro in Training
Can I ask why you want to show code on a website?
Labdabeta 182 Posting Pro in Training Featured Poster
Because I was challenged by a friend to make a C++ tutorial website and I am determined to win my challenge ;). Also how can I have hidden content (so you press a button and all of a sudden extra text appears.
simplypixie 123 Posting Pro in Training
Unfortunately I don't think I can help but I think you mean to display code like you would on this forum, in code tags, and I don't know how to do that (mainly because I have needed to do it so haven't looked into how it is done).
With regard to hidden content which shows on the click of a button that would need a mix of CSS and JavaScript - many tutorials on the web.
Sorry to have not been more help.
Labdabeta 182 Posting Pro in Training Featured Poster
Ok, I guess I will stick to my tables of manually coloured syntax :( Thank you anyways.
pritaeas 2,194 ¯\_(ツ)_/¯ Moderator Featured Poster
Were you looking for a syntax highlighter ? There are many more than the one I linked. (I know this was solved, but it may help others.)
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.