PHPackages                             wikifab/image-annotator - 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. [Image & Media](/categories/media)
4. /
5. wikifab/image-annotator

ActiveMediawiki-extension[Image & Media](/categories/media)

wikifab/image-annotator
=======================

Mediawiki extension to integrate Image editor in semantic page form

1.17.0(1y ago)12.8k2JavaScript

Since Apr 24Pushed 1y ago2 watchersCompare

[ Source](https://github.com/Wikifab/mediawiki-extension-ImageAnnotator)[ Packagist](https://packagist.org/packages/wikifab/image-annotator)[ RSS](/packages/wikifab-image-annotator/feed)WikiDiscussions master Synced 3d ago

READMEChangelogDependenciesVersions (87)Used By (0)

ImageAnnotator
==============

[](#imageannotator)

ImageAnnotator is a mediawiki extension to integrate an image editor in image added with PageForm extension

Installation
============

[](#installation)

See documentation of Page Forms to install it.

Extract an put ImageAnnotator in the 'extensions' directory.

Include it in LocalSettings.php :

```
 wfLoadExtension( 'ImageAnnotator' );
```

It has be tested on mediawiki 1.28

Usage
=====

[](#usage)

First, edit your form, and add an input to contain annotations datas. So for instance, if you have an image in your form :

```
{{{field|Main_Picture|uploadable|size=25|image preview}}}

```

Then change it to add the annotation input :

```
{{{field|Main_Picture|uploadable|image preview}}}
{{{field|Main_Picture_annotation|input type=editableImage|target=Main_Picture}}}

```

It's important to set the target param, using the name of the image attribute. Note that you must put it close to your image attribut, and use the 'image preview' param.

Then, in your templafe, to show the image with his annotations, use the following parser function :

```
{{#annotatedImage:[[File:{{{Main_Picture}}}|frameless|border]]|{{{Main_Picture_annotation}}}}}

```

configuration
=============

[](#configuration)

it possible to force conversion of png to use a white background, using this config in file LocalSettings.php :

```
$wgImageAnnotatorConvertWhiteBg = True

```

Credits
=======

[](#credits)

This extension was written by Pierre Boutet.

###  Health Score

40

—

FairBetter than 88% of packages

Maintenance35

Infrequent updates — may be unmaintained

Popularity19

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity79

Established project with proven stability

 Bus Factor1

Top contributor holds 97.6% 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 ~61 days

Recently: every ~425 days

Total

45

Last Release

602d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/26b7c13f6509e6d6fdcddbc50c1e8e3d3bbd8dc905f84c83203687549a37dc15?d=identicon)[pyro853](/maintainers/pyro853)

---

Top Contributors

[![pierreboutet](https://avatars.githubusercontent.com/u/447459?v=4)](https://github.com/pierreboutet "pierreboutet (204 commits)")[![Exxelo](https://avatars.githubusercontent.com/u/33803181?v=4)](https://github.com/Exxelo "Exxelo (4 commits)")[![ClementFlipo](https://avatars.githubusercontent.com/u/17048004?v=4)](https://github.com/ClementFlipo "ClementFlipo (1 commits)")

### Embed Badge

![Health badge](/badges/wikifab-image-annotator/health.svg)

```
[![Health](https://phpackages.com/badges/wikifab-image-annotator/health.svg)](https://phpackages.com/packages/wikifab-image-annotator)
```

###  Alternatives

[milon/barcode

Barcode generator like Qr Code, PDF417, C39, C39+, C39E, C39E+, C93, S25, S25+, I25, I25+, C128, C128A, C128B, C128C, 2-Digits UPC-Based Extention, 5-Digits UPC-Based Extention, EAN 8, EAN 13, UPC-A, UPC-E, MSI (Variation of Plessey code)

1.5k13.3M39](/packages/milon-barcode)[bkwld/croppa

Image thumbnail creation through specially formatted URLs for Laravel

510496.0k23](/packages/bkwld-croppa)[goat1000/svggraph

Generates SVG graphs

132849.6k3](/packages/goat1000-svggraph)[cohensive/embed

Media Embed (for Laravel or as a standalone).

120370.4k](/packages/cohensive-embed)[netresearch/rte-ckeditor-image

Image support in CKEditor for the TYPO3 ecosystem - by Netresearch

63991.3k4](/packages/netresearch-rte-ckeditor-image)[humanmade/tachyon-plugin

Rewrites WordPress image URLs to use Tachyon

87338.5k2](/packages/humanmade-tachyon-plugin)

PHPackages © 2026

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