View / Edit Mode

Dark / Light Mode

Copy to clipboard / Rich IntelliSense

Line Wrap and Line Numbers

Toggle the title bar for a more seemless page experience.

Add code to your modern page inline using the same editor as Visual Studio Code, displaying it with the beautiful prism.js

This webpart allows you to add and style your source code on a modern SharePoint page. It highlights and formats your code so that it is easier to read and understand. It can be added to any modern page to incorporate your source code snippets.

The webpart can be used in conjunction with Qualitem Live Publish to more 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

Source code webpart and Live Publish

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.

For more information on how Live Publish can provide a single-click publishing experience for your technical articles, grab a free trial at

Version Release date Latest stable Wednesday, 6 May 2020