Code snippets

I would like code snippets with highlighting based on code language. And for snippets longer than X lines, a "show more" button (like slack)

3,044 votes

Your name

Your email address

(thinking…)

Password

Forgot password?

Create a password

Signed in as (Sign out)

We’ll send you updates on this idea

Nils Ree shared this idea · Nov 3, 2016 · Flag idea as inappropriate… · Admin →

completed ·

Warren responded · Jul 30, 2018

This feature request has been completed and is available to the public. Thank you for the suggestion and feedback!
-Warren

Show previous admin responses (8)

working on it ·

Warren responded · May 31, 2018

This feature request is still being worked upon. No additional updates are available at this time.

-Warren

working on it ·

Warren responded · Apr 19, 2018

This is still being worked upon. No ETA yet to share with you all.

But I’m still bringing all your feedback to the feature team. They are getting reports on all the up-votes and comments you have provided.

I’ll keep you posted as I get new info from the feature team.

-Warren

working on it ·

Warren responded · Feb 12, 2018

This is still being worked up. We are making progress which is good, but it’s not ready yet.

As I get more information I will be sure to update you all.

Thanks,
Warren

working on it ·

Suphatra responded · Oct 3, 2017

Hi everyone, sorry for the long gap between updates. We’ve been diligently working on this feature, but its taken some time due to performance issues. We want to create this feature in a way that the additional libraries required to do the syntax highlighting don’t impact things like the channel switching and page load times.

Here are some things you’ll be able to do with this feature:
1. While authoring there you’ll have a dedicated code editor window which provides syntax highlighting, line numbering, etc.
2. You can also choose to add a heading to the snippet before inserting.
3. You can add snippets as cards into the message and can be expanded inline by the reader. The reader will see all the appropriate syntax highlighting as part of the card.

We’re excited to roll this out for you — thank you for your continued patience!

Sincerely,
Suphatra

working on it ·

Suphatra responded · Jun 15, 2017

Hi everyone,

Code snippets are still in progress. It requires significant work on our compose bar, and thus is taking longer than expected. But don’t worry, ITS COMING. Just longer than spring. I’m super sorry. :(

If you’re interested in testing it, just sign up here:
https://1drv.ms/xs/s!AryUNzh1ogZzif8pDcOcx2pW45I87w

Suphatra

working on it ·

Suphatra responded · Apr 26, 2017

We’ve been working diligently on this and it should be done while the season is still spring! :-)

Suphatra

PS. In other news, check out the new Teams blog, where you can get good info on use cases, tips, updates, etc. https://techcommunity.microsoft.com/t5/Microsoft-Teams-Blog/bg-p/MicrosoftTeamsBlog

needs your feedback ·

Suphatra responded · Mar 24, 2017

I am bringing this to engineering next week to accelerate prioritization — please post in the thread if there’s anything you’d like me to share with them.

Thank you!

Suphatra

planned ·

Angela Sze responded · Jan 6, 2017

128 comments

Comments are closed

Anonymous commented · April 12, 2017 4:07 PM · Flag as inappropriate

Status?
Jonathon Wyza commented · April 5, 2017 11:32 AM · Flag as inappropriate

Snippets would be good for larger code pastes. (and pasting in general). Not quite a file that needs to be downloaded, but not necessarily something that goes into a full chat message. Though those should be syntax highlighted too.
Pieter Van Parys commented · April 4, 2017 9:07 AM · Flag as inappropriate

Embedding your own editor (VSCode editor) https://github.com/Microsoft/monaco-editor would be very nice!
Anonymous commented · April 3, 2017 11:17 AM · Flag as inappropriate

@Ilya, at 200 lines you should be pasting that in a text file instead of a chat message...

IMO, I would much rather see other features implemented before syntax highlighting. With plain code snippets we can get by, but other things such as compact views, meeting integrations, etc should take precedence. However, this would be a very nice feature.
Ilya Ratner commented · March 31, 2017 8:30 AM · Flag as inappropriate

I think a clone of Slack would be great as far as code snippets are concerned. You should also consider allowing for longer messages. For instance, I tried pasting in a 200 line JSON string, and it said the message was too long. Maybe the longer strings can just apply to code snippets, and maybe they automatically get thrown into a code snipped tab for quick review of all Team, or PM conversations.
John Keiser commented · March 28, 2017 11:13 AM · Flag as inappropriate

It's worth pointing out the way Github Flavored Markdown does this, as it's pretty widespread: you do three backquotes followed by the language if you want to tell it which language to highlight. https://help.github.com/articles/creating-and-highlighting-code-blocks/
David Cheeseman commented · March 28, 2017 11:13 AM · Flag as inappropriate

We are currently migrating to Office 365 and this is a huge feature request from our staff already. Hope it's implemented soon!
Jon commented · March 27, 2017 9:28 AM · Flag as inappropriate

Sorry if this was already mentioned but having option to show line numbers, specified line numbers. Basically being able to reference the line numbers from the code file itself so that the code is displayed like a screenshot.
If possible that would be a nice option.
Brydon DeWitt commented · March 27, 2017 5:37 AM · Flag as inappropriate

Runnable snippets was mentioned and I'd just like to second that - I think it would give you a bit of an edge. Something like StackOverflow's snippets or JSFiddle, but it might also be nice to be able to extend that functionality to non web code too. Maybe via a later feature like plugins/extensions - if that's a possibility.
Jim Peluso commented · March 27, 2017 5:15 AM · Flag as inappropriate

It should allow for full pasting of code, it should recognize the code being pasted. It should have line numbers and be in a readable format.
R. Emre Basar commented · March 27, 2017 12:28 AM · Flag as inappropriate

Please keep it simple and just have it with GFM
Anonymous commented · March 25, 2017 12:15 AM · Flag as inappropriate

Extensibility and customizability matter.
matshe@microsoft.com commented · March 24, 2017 5:40 PM · Flag as inappropriate

Two things:

(1) Wish that you could just insert a code snippet and then see people's cursors on it, type together and quickly debug a code snippet like you could if it was in Google Docs. Co-coding like this is not ideal for big things, but would be awesome for quick debugs / seeing obvious issues. Build it out like this: https://microsoftteams.uservoice.com/forums/555103-public/suggestions/18720472-enable-3rd-party-interactive-canvases-for-real-ti. Could enable ability to see beginning state from end state and mark as green-check-fixed.

(2) We own Visual Studio: Look at what we could easily internalize into Microsoft Teams with colorization, intellisense, etc. in a lightweight way.
Dave Scott commented · March 24, 2017 2:38 PM · Flag as inappropriate

another vote for standardization around the GitHub flavor of markdown
Will Green commented · March 24, 2017 2:04 PM · Flag as inappropriate

Just implement GitHub flavored markdown, complete with the fenced code blocks specifying the language. I'm sure there's more than a couple libraries on multiple platforms out there that do this already.
matshe@microsoft.com commented · March 24, 2017 12:24 PM · Flag as inappropriate

We own Visual Studio: Be sure to look at what we could easily internalize into Microsoft Teams with colorization, intellisense, etc. in a lightweight way.

Also, though you'd need to make sure to maintain history (problem, solution), snippets are, in my opinion, a rare place where you could actually implement a 'Google Docs' of coding where you could actually show multiple cursors at once. Shoot someone a message and watch as they can fix code right inline in front of you. Show a green check once fixed and make it easy to see the original issue with comments in a module underneath...

Oh, how I wish we'd just go the route of doing cola.io type interactive...it would be so much more powerful than fluffy inserts. :(
Nikita commented · March 24, 2017 12:17 PM · Flag as inappropriate

Suphatra, it would be great if standard markdown code preformatting could be used, for example:

```html
<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
```
Jonathon Wyza commented · March 24, 2017 12:12 PM · Flag as inappropriate

Follow Github's example: https://help.github.com/articles/creating-and-highlighting-code-blocks/
Vishal Seth commented · March 24, 2017 11:29 AM · Flag as inappropriate

In-house we often make use of GeSHi - https://en.wikipedia.org/wiki/GeSHi for syntax highlighting in our apps.
Jono commented · March 24, 2017 11:18 AM · Flag as inappropriate

I'd love to see some sort of integration with VSCode. Perhaps snippets could have an "Open in Code" option, or better yet a configurable editor. Formatting and coloring based on language chosen is a must.