Requirements before you begin
Your HTML, CSS, and/or JavaScript code ready to enter or paste
In this article, we will outline the new HTML Editor — a built-in editor that lets you write, edit, and preview custom HTML content directly within Qompose, with no external tools required.
What is the HTML Editor?
The HTML Editor introduces HTML as a new, first-class media type in your Content Library. Previously, content like this would have needed to be built externally and uploaded as a packaged file — now it can be authored and refined directly inside the platform.
This opens up a whole new category of content for your Players — live data feeds, animations, interactive experiences, and custom-branded widgets — all built with standard web technologies.
Creating a new HTML asset
Select the Group you'd like to add your HTML content to from the Groups panel
In the Content Library panel, click + Import
Select HTML from the drop-down menu
Under the General tab, click Edit HTML in the Content Informations section
Writing and previewing your HTML
Once inside the editor, you'll see two panels side by side:
Left panel — Code editor. A syntax-highlighted editor for your HTML, CSS, and JavaScript, with line numbers and colour-coded keywords to keep your code easy to read and edit.
Right panel — Live preview. A real-time render of whatever's in the Code editor, shown exactly as it would appear on a screen or Player.
Paste or enter your HTML, CSS, or JavaScript into the Code editor
Your Live preview updates instantly as you type — if your code includes interactive elements, you can interact with them directly in this preview
Once you're happy, click Save settings
Please Note
The Live preview reflects your code as rendered in the editor itself. Actual playback on a Player is ultimately dependent on that Player's own browser capabilities — more complex HTML, CSS, or JavaScript may not render identically across every Player model, so it's worth testing your content directly on your target Player hardware before wide deployment.
Naming and saving your asset
Give your HTML asset a name in the field at the top of the asset properties
Click Save settings to confirm
Your new asset will now appear in your Content Library, with a thumbnail automatically generated, ready to be published to your Players.
Toolbar reference
Along the top right of the editor, you'll find:
Cancel — discards any unsaved changes and exits the editor
Save settings — saves your current HTML to the content item
Export — exports your HTML as a file for use outside the platform
Please Note
Use Export if you'd like a copy of your HTML file to use elsewhere — this is separate from Save settings, which is what actually saves your changes to the asset within Qompose.
Summary
With a built-in code editor and live preview, you're able to author rich, interactive HTML content directly in your Content Library — no external tools, no packaging or zipping required, and no separate step to see how your content will actually look before publishing.