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(1mo ago)00GPL-2.0-or-laterJavaScript Since Jun 19Pushed 1mo agoCompare [ 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 2w ago 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 33 — LowBetter than 72% of packages Maintenance90 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 45d 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 105574.3k63](/packages/friendsoftypo3-content-blocks)[typo3/cms-styleguide TYPO3 extension to showcase TYPO3 Backend capabilities 105768.9k38](/packages/typo3-cms-styleguide)[wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 40543.5k](/packages/wazum-sluggi)[typo3/cms-install TYPO3 CMS Install Tool - The Install Tool is used for installation, upgrade, system administration and setup tasks. 1812.5M557](/packages/typo3-cms-install)[typo3/cms-scheduler TYPO3 CMS Scheduler - Schedule tasks to run once or periodically at a specific time. 169.5M259](/packages/typo3-cms-scheduler)[typo3/cms-lowlevel TYPO3 CMS Lowlevel - Technical analysis of the system. This includes raw database search, checking relations, counting pages and records etc. 178.3M349](/packages/typo3-cms-lowlevel) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)