News

GitHub Embedded Code Snippets

Published
GitHub Embedded Code Snippets image

GitHub rolled out embedded code snippets this month which should make it easier to share existing code without having to re-create it in a comment.

For a while, GitHub has had the ability to highlight lines with a URL hash. For example, if you want to highlight lines 10-15, you would append #L10-L15 to the URL.

Now when you highlight lines, GitHub provides a menu allowing you to copy the selected lines, copy the permalink, and open a new issue which contains the embedded code.

Another neat trick I discovered while learning about this new feature is the ability to highlight a line while looking at a file on GitHub.com, then using Shift+Click to highlight a selection of the original line and the last line clicked. You can highlight a line by clicking the line number in the gutter of the file. If you keep holding shift and clicking line numbers below the original, the UI will further highlight lines.

I’ve shared highlighted lines manually for some time now, and it has always been a pain to copy the code and paste it in a pull request or issue. Embedded code snippets are a great productivity improvement for me, as I spend a good chunk of time reviewing others’ code and working through internal issues and bugs.

Another benefit of embedded snippets is they link back to the original file and show a nicely formatted code block with contexts such as line numbers and file name, so you know which file is being shared without any explanation on your part.

You can learn more about embedded code snippets on the official GitHub blog post Introducing Embedded Code Snippets.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Filed in

Sponsored

serpapi logo
SerpApi

The Web Search API for Your LLM and AI Applications

Visit SerpApi

The latest

View all →
Slow Job Alerts and Replica Commit IDs in Laravel 13.40 image

Slow Job Alerts and Replica Commit IDs in Laravel 13.40

Read article
Flock: A Free, Native Herd Alternative for Laravel image

Flock: A Free, Native Herd Alternative for Laravel

Read article
Live Props for Real-Time Updates in Inertia.js v3.11 image

Live Props for Real-Time Updates in Inertia.js v3.11

Read article
Cooldown Dependency Policy now in Composer 2.11 image

Cooldown Dependency Policy now in Composer 2.11

Read article
Email Sending and Testing for Laravel in One Account image

Email Sending and Testing for Laravel in One Account

Read article
Decide with Jev: Tie Every AI Check to the Exact Draft image

Decide with Jev: Tie Every AI Check to the Exact Draft

Read article