PHPackages                             michaelstaatz/tiptap-editor-abbreviation - 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. michaelstaatz/tiptap-editor-abbreviation

ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility)

michaelstaatz/tiptap-editor-abbreviation
========================================

Add abbreviations information through the TipTap Editor

v1.0.0(today)00GPL-2.0-or-laterJavaScript

Since Jun 19Pushed todayCompare

[ Source](https://github.com/staatzstreich/tiptap_editor_abbreviation)[ Packagist](https://packagist.org/packages/michaelstaatz/tiptap-editor-abbreviation)[ RSS](/packages/michaelstaatz-tiptap-editor-abbreviation/feed)WikiDiscussions main Synced today

READMEChangelog (1)Dependencies (2)Versions (2)Used By (0)

TipTap Editor Abbreviation
==========================

[](#tiptap-editor-abbreviation)

TYPO3 extension that adds `Short form` support to the [in2code TipTap RTE](https://github.com/in2code-de/typo3-tiptap).

**Requirements:** TYPO3 ^13.4 · PHP ^8.3 · in2code/typo3-tiptap

---

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

[](#installation)

```
composer require michaelstaatz/tiptap-editor-abbreviation
```

---

File structure
--------------

[](#file-structure)

```
tiptap_editor_abbreviation/
├── ext_emconf.php
├── ext_localconf.php
├── composer.json
├── Classes/
│   └── Hooks/
│       └── PageRendererHook.php       ← Registers language labels in TYPO3.lang
├── Configuration/
│   ├── JavaScriptModules.php          ← Import map registration (tags: backend.form)
│   └── RTE/
│       └── TipTap.yaml                ← RTE preset including contentCss
└── Resources/
    ├── Private/
    │   └── Language/
    │       ├── locallang.xlf          ← English base labels
    │       └── de.locallang.xlf       ← German translation
    └── Public/
        ├── Css/
        │   ├── Abbr.css               ← Abbreviation styling in the RTE editor
        │   └── AbbreviationTooltip.css ← Frontend tooltip for visitors
        └── JavaScript/
            └── Plugins/
                └── abbr.js            ← TipTap mark + TYPO3 modal dialog

```

---

Configuration
-------------

[](#configuration)

### 1. Register the preset

[](#1-register-the-preset)

In `config/system/additional.php`:

```
$GLOBALS['TYPO3_CONF_VARS']['RTE']['Presets']['tiptap']
    = 'EXT:tiptap_editor_abbreviation/Configuration/RTE/TipTap.yaml';
```

### 2. Activate TipTap in Page TSconfig

[](#2-activate-tiptap-in-page-tsconfig)

```
RTE.default.preset = tiptap

```

### 3. Include frontend tooltip CSS

[](#3-include-frontend-tooltip-css)

In your TypoScript setup:

```
page.includeCSS.abbr-tooltip = EXT:tiptap_editor_abbreviation/Resources/Public/Css/AbbreviationTooltip.css

```

---

Usage
-----

[](#usage)

1. Select text in the RTE
2. Click the **Abbreviation (abbr)** button in the toolbar
3. Enter the long form in the dialog → **Save**

When the cursor is already inside an ``:

- The dialog shows the current value for editing
- The **Remove** button deletes the markup

---

Languages
---------

[](#languages)

The editor dialog is translated via TYPO3's XLF system. Currently supported: **English**, **German**.

Additional languages can be added by creating `Resources/Private/Language/{locale}.locallang.xlf`.

---

Note: Modal API
---------------

[](#note-modal-api)

The plugin uses `@typo3/backend/modal.js`. Should the dialog fail to close in a future TYPO3 version, replace `modal.hideModal()` with:

```
modal.dispatchEvent(new CustomEvent('typo3-modal-dismiss'));
```

###  Health Score

36

—

LowBetter than 79% of packages

Maintenance100

Actively maintained with recent releases

Popularity0

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity33

Early-stage or recently created project

 Bus Factor1

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

Unknown

Total

1

Last Release

0d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/2380482?v=4)[Michael Staatz](/maintainers/staatzstreich)[@staatzstreich](https://github.com/staatzstreich)

---

Top Contributors

[![staatzstreich](https://avatars.githubusercontent.com/u/2380482?v=4)](https://github.com/staatzstreich "staatzstreich (1 commits)")

### Embed Badge

![Health badge](/badges/michaelstaatz-tiptap-editor-abbreviation/health.svg)

```
[![Health](https://phpackages.com/badges/michaelstaatz-tiptap-editor-abbreviation/health.svg)](https://phpackages.com/packages/michaelstaatz-tiptap-editor-abbreviation)
```

###  Alternatives

[friendsoftypo3/content-blocks

TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML

101466.4k45](/packages/friendsoftypo3-content-blocks)[wazum/sluggi

TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects

41515.2k](/packages/wazum-sluggi)[praetorius/vite-asset-collector

Use AssetCollector to embed frontend assets generated by vite

54299.7k1](/packages/praetorius-vite-asset-collector)[typo3/cms-redirects

TYPO3 CMS Redirects - Create manual redirects, list existing redirects and automatically createredirects on slug changes.

167.3M74](/packages/typo3-cms-redirects)[typo3/cms-sys-note

TYPO3 CMS System Notes - Records with messages which can be placed on any page and contain instructions or other information related to a page or section.

116.2M37](/packages/typo3-cms-sys-note)[b13/assetcollector

Asset collector - Add CSS and SVG files and strings as inline style tag/inline svg to the html code.

10123.2k](/packages/b13-assetcollector)

PHPackages © 2026

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