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

ActiveTypo3-cms-extension

michaelstaatz/ckeditor5-abbreviation
====================================

Add Abbreviations information through the ckeditor

1.3.1(5mo ago)02.4k↓29.4%GPL-2.0-or-laterJavaScript

Since May 17Pushed 5mo ago1 watchersCompare

[ Source](https://github.com/staatzstreich/ckeditor5_abbreviation)[ Packagist](https://packagist.org/packages/michaelstaatz/ckeditor5-abbreviation)[ RSS](/packages/michaelstaatz-ckeditor5-abbreviation/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (8)Dependencies (1)Versions (10)Used By (0)

TYPO3 Extension `ckeditor5_abbreviation`
========================================

[](#typo3-extension-ckeditor5_abbreviation)

This extension ships a simple plugin for the ckeditor to allow editors setting abbreviations. The plugin itself has been taken from  without some changes.

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

[](#installation)

Use `ddev composer req michaelstaatz/ckeditor5-abbreviation` or download the extension from TER.

Usage
-----

[](#usage)

All it takes to enable the plugin are the following changes in your `RTE.yaml`:

1. Import the configuration from the extension:

```
editor:
  config:
    importModules:
      - '@mista/ckeditor5_abbreviation/abbreviation.js'
    htmlSupport:
      allow:
        - { name: 'abbr', attributes: true, classes: true, styles: true }
    contentsCss:
      - "EXT:ckeditor5_abbreviation/Resources/Public/Css/Abbr.css"
```

2. Enable the plugin:

```
editor:
  config:
    toolbar:
      items:
        - abbreviation
```

3. Load the CSS - File

```
page.includeCSS.abbreviation-tooltip = EXT:ckeditor5_abbreviation/Resources/Public/Css/AbbreviationTooltip.css

```

Optional
--------

[](#optional)

There is an UpgradeWizard as part of this extension. Purpose is to replace all `