michaelstaatz / ckeditor5-abbreviation
Add Abbreviations information through the ckeditor
Installs: 0
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Language:JavaScript
Type:typo3-cms-extension
Requires
- typo3/cms-rte-ckeditor: ^13.4
README
This extension ships a simple plugin for the ckeditor to allow editors setting abbreviations. The plugin itself has been taken from https://github.com/ckeditor/ckeditor5-tutorials-examples/tree/main/abbreviation-plugin/part-3 without some changes.
Installation
Use ddev composer req michaelstaatz/ckeditor5-abbreviation:13.4
or download the extension from TER.
Usage
All it takes to enable the plugin are the following changes in your RTE.yaml
:
- Import the configuration from the extension:
editor: config: importModules: - '@mista/ckeditor5_abbreviation/abbreviation.js' htmlSupport: allow: - { name: 'abbr', attributes: true, classes: true, styles: true } contentCss: - "EXT:ckeditor5_abbreviation/Resources/Public/Css/Abbr.css"
- Enable the plugin:
editor: config: toolbar: items: - abbreviation
- Load the CSS - File
page.includeCSS.abbreviation-tooltip = EXT:ckeditor5_abbreviation/Resources/Public/Css/AbbreviationTooltip.css
Credits
This extension was created by Michael Staatz with ♥ and is inspired by the extension rte_ckeditor_abbr