How To Format A Block of Code Within a Presentation?

Question

I am preparing a presentation using Google Slides, though I can also work on the presentation within Open Office that will include code snippets.

Is there any easy way to perform basic syntax highlighting on the code snippets with either Google Docs or Open Office Presenter?

Edit: Since I believe that I can find a way to embed HTML, any tools that can perform syntax highlighting on HTML would also be welcome suggestions.

Check out [Code Highlight](https://codehighlight.software) add-on. It highlights a block of code in Slides presentation. Supports a wide variety of syntaxes (React, Vue, C++, Go etc.) & offers the most popular themes on the market (VS Code, Cobalt, One Dark etc.) — Vladimir Mikulic, Oct 08 '20 at 14:10
use Visual Studio Code for the Web "https://vscode.dev/" and just copy paste or just copy paste from local VS Code — softawareblog.com, Mar 02 '23 at 18:58

RobotEyes · Accepted Answer · 2021-07-03T10:39:45.583

183

An on-line syntax highlighter:

http://hilite.me/

Just copy and paste into your document.

edited Jul 03 '21 at 10:39

answered Aug 24 '12 at 20:52

RobotEyes

4,929
6
42
57

24

Presentation no longer lets you add arbitrary html. – Ilia Choly Feb 27 '14 at 17:45
23

@iliacholy You can just copy and paste the text from the preview box instead of using the HTML code – RobotEyes Mar 04 '14 at 19:02
it would be cool if it also indented.. – grasshopper Jun 19 '14 at 17:04
10

https://romannurik.github.io/SlidesCodeHighlighter/ – galkin Oct 22 '18 at 09:12
1

This service is unavailable – Yaelz Dec 19 '18 at 05:44
Hey @RobotEyes! looks like the service is not available now – svichkar Jan 31 '19 at 08:48
I've added an alternative service – RobotEyes Feb 12 '19 at 12:21
http://markup.su/highlighter/ is dead now, as well – AndrewKS Jun 18 '21 at 17:23

score 23 · Answer 2 · answered Nov 11 '08 at 14:47

23

http://www.tohtml.com/ created syntax highlighted HTML code for lots of languages. It might be what you're looking for.

answered Nov 11 '08 at 14:47

robintw

27,571
51
138
205

1

The problem is what to do after that. I installed qt-source-highlight and got the HTML. But OOO Presentation doesn't seems to have an option to insert HTML, nor can I find some program to export the syntax with another option (like RTF for example). For windows, I found this answer: http://www.fauskes.net/nb/syntaxms/ But I'm using LINUX and oowriter doesn't have this option. – DrBeco Mar 30 '11 at 04:25

score 9 · Answer 3 · answered Nov 12 '08 at 03:27

If you're using Visual Studio (this might work in Eclipse also, but I never tried) and you copy & paste into Microsoft Word (or any other microsoft product) it will paste the code in whatever color your IDE had. Then you just need to copy the text out of word and into your desired application and it will paste as rich text.

I've only seen this work across Visual Studio to other Microsoft products though so I don't know if it will be any help.

score 7 · Answer 4 · answered Oct 08 '14 at 20:57

7

With the new Add-Ons for Google Drive, you can get code highlighting with the Code Pretty add-on.

answered Oct 08 '14 at 20:57

rb195048

101
1
5

15

Unfortunately, this only works for Doc and Spreadsheet and not Presentation, which is what the question is about. – Some Noob Student Feb 22 '15 at 03:08
now it works also for presentation. They probably added the feature – CoffeDeveloper Mar 12 '15 at 21:24
Can't tweak colors of this add on...made it less useful – Marson Mao Aug 06 '15 at 06:22
@GameDeveloper how did yo umanage to get it working in presentations? – samu Apr 06 '17 at 07:51
1

Oh. it was a old comment. Who remember.. so much changed in 2 years. Maybe I copy pasted from another editor supporting markup. I really don't remember XD – CoffeDeveloper Apr 06 '17 at 08:51

score 4 · Answer 5 · answered Jan 15 '14 at 05:08

4

I've also thought of this. Finally, my solution is to use github gist. Don't forget it also has highlight functionality. Just copy it. :)

answered Jan 15 '14 at 05:08

bluesea

429
4
9

score 3 · Answer 6 · answered Nov 11 '08 at 14:34

Just a few suggestions:

Screenshots might be an easy way, but you'll have to make sure the code in the image is big enough and clear enough to read. (not the whole screenshot, just the relevant part)
If you can embed html then there are lots of tools to generate syntax highlighted html.

score 2 · Answer 7 · edited Feb 12 '19 at 12:44

2

If you write your code in emacs then you might be interested in the htmlize elisp package.

edited Feb 12 '19 at 12:44

Glorfindel

21,988
13
81
109

answered Nov 11 '08 at 18:14

robintw

27,571
51
138
205

score 1 · Answer 8 · answered Oct 12 '11 at 12:33

1

Check out http://codepad.org. It probably won't solve the poster's problem; but, I think it will be of use to others who read this article.

answered Oct 12 '11 at 12:33

Zack

6,232
8
38
68

2

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. – Erik Schierboom Oct 04 '15 at 08:42
1

This isn't an article, it is the link to a tool that may have some of the desired features. If the link changes and the tool becomes unavailable, the answer becomes irrelevant. – Zack Oct 09 '15 at 01:23

How To Format A Block of Code Within a Presentation?

8 Answers8

Linked