PHPackages                             sheadawson/silverstripe-responsive-wysiwyg-images - 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 & Helpers](/categories/utility)
4. /
5. sheadawson/silverstripe-responsive-wysiwyg-images

ActiveSilverstripe-module[Utility & Helpers](/categories/utility)

sheadawson/silverstripe-responsive-wysiwyg-images
=================================================

Extends silverstripe-responsive-images to allow responsive images in WYSIWYG editor.

111.6k6[1 issues](https://github.com/sheadawson/silverstripe-responsive-wysiwyg-images/issues)JavaScript

Since Feb 24Pushed 10y ago2 watchersCompare

[ Source](https://github.com/sheadawson/silverstripe-responsive-wysiwyg-images)[ Packagist](https://packagist.org/packages/sheadawson/silverstripe-responsive-wysiwyg-images)[ RSS](/packages/sheadawson-silverstripe-responsive-wysiwyg-images/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

silverstripe-responsive-wysiwyg-images
======================================

[](#silverstripe-responsive-wysiwyg-images)

Extends [silverstripe-responsive-images](https://github.com/heyday/silverstripe-responsive-images) to allow responsive images in WYSIWYG editor. When the user selects an image to insert, they are given the option of responsive sizing or standard sizing. If they choose responsive, they can select a Responsive Set to use, these sets are defined in your yml configuration. If they choose standard resizing, they get the normal Width x Height fields.

\##Requirements

- SilverStripe 3
- [SilverStripe Responsive Images module](https://github.com/heyday/silverstripe-responsive-images)

\##Installation

```
$ composer require sheadawson/silverstripe-responsive-wysiwyg-images dev-master

```

\##Usage

Define your responsive image sets in yml config as you normally would. Sets that you would like to be available in the WYSIWYG image insert form should specify an additional "wysiwyg" property and "description" property to opt-in.

Example:

```
ResponsiveImageExtension:
  sets:
    ResponsiveSet1:
      wysiwyg: true
      description: "ResponsiveSet1, used for X and Y"
      sizes:
        - {query: "(min-width: 200px)", size: 100}
        - {query: "(min-width: 800px)", size: 400}
        - {query: "(min-width: 1200px)", size: 800}

```

\##Additional Configuration

You can set the image insert form to default to "Standard" image resizing (user sets the width and height) or "Responsive". Default is "Responsive".

```
ResponsiveImageHtmlEditorField_Toolbar:
  default_resize_method: 'Standard'
`

```

###  Health Score

26

—

LowBetter than 43% of packages

Maintenance18

Infrequent updates — may be unmaintained

Popularity24

Limited adoption so far

Community14

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 92.3% 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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/6ca23b453a4fc5ac237ad4fcc512f68fab5c7b124f403cad1a5848b3fffb6aa2?d=identicon)[sheadawson](/maintainers/sheadawson)

---

Top Contributors

[![sheadawson](https://avatars.githubusercontent.com/u/1166136?v=4)](https://github.com/sheadawson "sheadawson (24 commits)")[![camfindlay](https://avatars.githubusercontent.com/u/367847?v=4)](https://github.com/camfindlay "camfindlay (1 commits)")[![nyeholt](https://avatars.githubusercontent.com/u/161730?v=4)](https://github.com/nyeholt "nyeholt (1 commits)")

### Embed Badge

![Health badge](/badges/sheadawson-silverstripe-responsive-wysiwyg-images/health.svg)

```
[![Health](https://phpackages.com/badges/sheadawson-silverstripe-responsive-wysiwyg-images/health.svg)](https://phpackages.com/packages/sheadawson-silverstripe-responsive-wysiwyg-images)
```

###  Alternatives

[ennnnny/tbk

简约优雅的淘宝客SDK

29016.1k1](/packages/ennnnny-tbk)[b13/doktypemapper

Maps your page.doktype to page.backend\_layout

14109.2k](/packages/b13-doktypemapper)[whikloj/bagittools

A PHP library to manipulate and verify BagIt bags.

1220.5k2](/packages/whikloj-bagittools)

PHPackages © 2026

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