HTML Web Part – Create modern, customized experiences in SharePoint

Improve the management and customization of your modern SharePoint pages with the HTML Web Part, a flexible solution designed to help you create rich, branded and interactive content directly inside SharePoint.

Whether you need a custom banner, a visual block, a call-to-action section, an icon-based layout, a small interactive experience or a fully customized HTML component, the HTML Web Part gives your teams the tools they need to build, preview and reuse custom content efficiently.

🚀 Key benefits

Advanced customization: create tailored layouts and visual components using HTML, CSS and JavaScript.

Full-screen editing experience: work comfortably with HTML/CSS and JavaScript editors on the left and a live preview on the right.

Live preview: preview your content instantly without saving or publishing the SharePoint page.

Ready-to-use templates: start faster with several built-in generic templates, available with or without JavaScript.

Starter code included: get helpful initial HTML, CSS and JavaScript examples when adding a new web part.

Native SharePoint integration: the web part adapts to modern page sections, available widths and your SharePoint site theme.

Theme-aware design: use dynamic theme color tokens to keep your custom content consistent with your SharePoint branding.

Dynamic placeholders: insert contextual values such as the current user’s name, current date and other dynamic information using Handlebars-based placeholders.

Built-in icon library: browse icons grouped by category and easily insert them into your HTML or copy them to the clipboard.

Improved color and icon insertion: quickly add theme colors, palette colors and icons directly into your code.

Import and export: move, back up or reuse your custom HTML Web Part configurations across pages or environments.

Undo and redo: edit more confidently with integrated undo and redo actions.

Time savings for your teams: create rich page experiences without building a dedicated SharePoint Framework solution for every need.

🔐 JavaScript support compatible with Microsoft CSP requirements

The HTML Web Part supports a safer JavaScript integration model for modern SharePoint environments.

To help comply with Microsoft Content Security Policy requirements, HTML and JavaScript are handled separately.

JavaScript code is stored in a dedicated file and loaded by SharePoint, reducing the risk of blocked inline scripts and helping maintain a smoother user experience.

The web part also warns users when JavaScript is detected inside the HTML code, helping avoid CSP-related issues.

The JavaScript file is automatically saved and its storage path is provided, making it easier to understand where the script is stored and how it is loaded by SharePoint.

🧩 Designed for productive editing

Side-by-side full-screen mode: edit HTML/CSS and JavaScript while viewing the live result at the same time.

Separate HTML/CSS and JavaScript editors: keep structure, styling and behavior easier to manage.

Reusable templates: choose from several predefined examples to accelerate content creation.

Initial example code: start from a working example instead of a blank editor.

Import/export support: duplicate, migrate or back up configurations more easily.

Undo/redo actions: quickly revert or restore changes during editing.

🎨 Theme colors, icons and dynamic content

Create content that feels native to SharePoint by using theme colors and palette colors directly in your HTML and CSS.

The web part provides easy access to available colors and allows you to insert them directly into your code or copy them to the clipboard.

The integrated icon library helps you enhance your layouts without hosting or managing separate image files.

Icons are grouped by category, making it easier to find and reuse the right visual element.

With Handlebars-based placeholders, you can also make your content more dynamic by displaying contextual information such as the current user’s name, the current date and other supported values.

⚠️ Best practices

This component is intended for users with a good understanding of HTML, CSS and, when needed, JavaScript.

Poorly structured code or heavy scripts may impact the page experience.

For best results, test your content with the live preview, keep your code optimized and follow your organization’s SharePoint governance and security rules.

💼 Trial & License

15-day free trial to explore all features

License purchase available at: https://eruditego.fr/index.php/html-web-part/

Sales contact: commerce@eruditego.fr

HTML Web part by ERUDITEGO

作者 ERUDITEGO