The Source code content web part allows you to add and style your source code on modern SharePoint pages – and it is 100% free!

Highlight and format your code so that it is easier to read and understand. Add to any modern page to incorporate your source code snippets!

The Source code content web part can be used in conjunction with Qualitem Live Publish to easily document technical blogs in SharePoint Online.


  • Rich IntelliSense in Edit Mode
  • Basic Syntax Colorization
  • Multi-Language Support (JavaScript, HTML/CSS, C#, PHP, C++, TypeScript, etc.)
  • Copy to Clipboard Feature (Except IE)
  • Modern Looking UI
  • Numbered/Unnumbered lines
  • Dark/Light mode
  • Line wrap of code

Technical articles

With Live Publish you can use Microsoft Word to curate your tech article. Easily insert your code snippet into the Word document by adding a new style in the styles gallery called “Code”.

Just highlight the code block in your article with the “Code” style and Live Publish will do the rest.

Get your free trial of Live Publish for a single-click publishing experience of your technical articles.

Feature rich edit mode using the Visual Studio Code editor. Clean and fast display mode for quicker page loads.

Use the copy button to quickly copy the code to paste into your favourite editor.

Use the Visual Studio Code editing experience to format code, use intellisense in supported languages and more.

Dark and light themes to compliment page aesthetics.

Add line numbers and wrapping for an unobscured viewing experience with no cumbersome scrollbars.

Prefer a cleaner, inline display mode? Simply turn off the borders and title bar.