PHPackages                             codeq/htmlwidget - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. codeq/htmlwidget

ActiveNeos-package[Utility &amp; Helpers](/categories/utility)

codeq/htmlwidget
================

HTML Widget for the Neos CMS

v1.8.0(1y ago)822.9k↓25%5MIT

Since Nov 18Pushed 1y ago2 watchersCompare

[ Source](https://github.com/code-q-web-factory/neos-htmlwidget)[ Packagist](https://packagist.org/packages/codeq/htmlwidget)[ RSS](/packages/codeq-htmlwidget/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (3)Versions (13)Used By (0)

[![Latest Stable Version](https://camo.githubusercontent.com/5ad6d7a5ddfb1ff3e8b6ef181f32b9e0dfbc1dcc4ac2f809c46b56049735dd3e/68747470733a2f2f706f7365722e707567782e6f72672f636f6465712f68746d6c7769646765742f762f737461626c65)](https://packagist.org/packages/codeq/htmlwidget)[![License](https://camo.githubusercontent.com/06a0039f807002e86c466586e186c09d369459e3fb2551dc4444fd7decc5dc7c/68747470733a2f2f706f7365722e707567782e6f72672f636f6465712f68746d6c7769646765742f6c6963656e7365)](LICENSE)

HTML Widget for Neos CMS
========================

[](#html-widget-for-neos-cms)

For new projects we recommend to use [CodeQ.HtmlContent](https://github.com/code-q-web-factory/CodeQ.HtmlContent), CodeQ.HtmlWiget will still be maintained.
------------------------------------------------------------------------------------------------------------------------------------------------------------

[](#for-new-projects-we-recommend-to-use-codeqhtmlcontent-codeqhtmlwiget-will-still-be-maintained)

This package allows developers to create HTML widgets in the administration. Editors can reuse them across on the website.

Administrators and everyone with the role `CodeQ.HtmlWidget:HtmlWidgetDefinitionEditor` can create HTML Widget Definitions including HTML, CSS and JavaScript.

All editors can add those HTML Widgets as content NodeType without being able to change the content.

Features
--------

[](#features)

- Automatically removes JavaScript code in the backend, to not break the Neos Administration
- Reference used media assets in your widget definition, so these assets can not be deleted.
- Restricts editing of HTML widget definitions, while allowing editors to use those widgets

[![HTML Widget Demo](https://camo.githubusercontent.com/58adabbbb07a8bf87cad6757c01d636dceaf756c83c80f906d968b99d94e23a4/68747470733a2f2f696d672e796f75747562652e636f6d2f76692f704f6859486c59485f36512f302e6a7067)](https://www.youtube.com/watch?v=pOhYHlYH_6Q)

*The development and the public-releases of this package are generously sponsored by [Code Q Web Factory](http://codeq.at).*

Installation
------------

[](#installation)

CodeQ.HtmlWidget is available via packagist. `"codeq/htmlwidget" : "^1.7"` to the require section of the composer.json or run:

```
composer require codeq/htmlwidget
```

We use semantic-versioning so every breaking change will increase the major-version number.

Use Case 1: Administrators create widgets, which can be used by editors
-----------------------------------------------------------------------

[](#use-case-1-administrators-create-widgets-which-can-be-used-by-editors)

This is the default case and you just need to install the package.

If you are planning to create a whole widget library, we recommend creating a separate, hidden Widget Definition page for that.

Use Case 2: Developers can create HTML Widgets, no reuse planned
----------------------------------------------------------------

[](#use-case-2-developers-can-create-html-widgets-no-reuse-planned)

If you want to create HTML widgets, but don't want to reuse them you only need the `CodeQ.HtmlWidget:Content.HtmlWidgetDefinition`. Disable the reusing element in YAML:

```
'CodeQ.HtmlWidget:Content.HtmlWidget':
  abstract: true
```

If your Neos user has no admin privilege, add the role `HtmlWidgetDefinitionEditor`.

License
-------

[](#license)

Licensed under MIT, see [LICENSE](LICENSE)

Contribution
------------

[](#contribution)

We will gladly accept contributions. Please send us pull requests.

###  Health Score

45

—

FairBetter than 93% of packages

Maintenance46

Moderate activity, may be stable

Popularity34

Limited adoption so far

Community16

Small or concentrated contributor base

Maturity68

Established project with proven stability

 Bus Factor1

Top contributor holds 81.5% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~231 days

Recently: every ~443 days

Total

11

Last Release

420d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/c898f86932821ebd9add02d4f01864bd4804e1a620083fbc5951af0bb3e9c850?d=identicon)[codeq](/maintainers/codeq)

---

Top Contributors

[![rolandschuetz](https://avatars.githubusercontent.com/u/735982?v=4)](https://github.com/rolandschuetz "rolandschuetz (22 commits)")[![breadlesscode](https://avatars.githubusercontent.com/u/5465112?v=4)](https://github.com/breadlesscode "breadlesscode (1 commits)")[![dimaip](https://avatars.githubusercontent.com/u/837032?v=4)](https://github.com/dimaip "dimaip (1 commits)")[![gradinarufelix](https://avatars.githubusercontent.com/u/4405087?v=4)](https://github.com/gradinarufelix "gradinarufelix (1 commits)")[![JamesAlias](https://avatars.githubusercontent.com/u/1615332?v=4)](https://github.com/JamesAlias "JamesAlias (1 commits)")[![paavo](https://avatars.githubusercontent.com/u/1118783?v=4)](https://github.com/paavo "paavo (1 commits)")

---

Tags

htmlflowNeosFUSION

### Embed Badge

![Health badge](/badges/codeq-htmlwidget/health.svg)

```
[![Health](https://phpackages.com/badges/codeq-htmlwidget/health.svg)](https://phpackages.com/packages/codeq-htmlwidget)
```

###  Alternatives

[carbon/includeassets

Include your assets (css, js) in an easy way into Neos

14228.6k10](/packages/carbon-includeassets)[shel/neos-colorpicker

A plugin for Neos CMS which provides a colorpicker editor

1494.4k6](/packages/shel-neos-colorpicker)[breadlesscode/neos-blog

Ready to use blog package

161.4k](/packages/breadlesscode-neos-blog)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
