https://github.com/psmb/psmb.footnote

This package provides a footnote plugin for CKeditor5 integration in Neos CMS
https://github.com/psmb/psmb.footnote

Last synced: 30 days ago
JSON representation

This package provides a footnote plugin for CKeditor5 integration in Neos CMS

• Host: GitHub
• URL: https://github.com/psmb/psmb.footnote
• Owner: psmb
• License: mit
• Created: 2018-08-03T15:00:21.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2024-02-13T14:30:41.000Z (over 1 year ago)
• Last Synced: 2025-04-13T06:06:50.260Z (about 2 months ago)
• Language: JavaScript
• Size: 1.27 MB
• Stars: 6
• Watchers: 2
• Forks: 4
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
This package provides a footnote plugin for CKeditor5 integraion in Neos CMS.

![footnotes](https://user-images.githubusercontent.com/837032/43721125-a3566a00-999a-11e8-92af-d049c889951d.gif)

## Installation

1. Switch to using CKeditor 5

2. `composer require 'psmb/footnote'`

3. Enable footnote button on node properties that should support it, e.g.:

```

'Neos.NodeTypes:TextMixin':

  properties:

    text:

      ui:

        inline:

          editorOptions:

            formatting:

              footnote: true

```

4. Add Fusion processor over the needed content collection, from which the footnotes should be gathered and rendered (or write your own Fusion or JS solution), e.g.:

```

prototype(Neos.Neos:PrimaryContent) {

  @process.footnotes = Psmb.Footnote:FootnoteProcessor

}

```

5. Optionally add some styling to footnotes in backend, e.g.:

```

.neos-backend span[data-footnote]:after {

  content: '*';

  color: orange;

  border-bottom: orange solid 1px;

}

```