/neos-ui-extensibility-examples

Neos UI Extensibility Examples

Primary LanguageJavaScript

Extensibility examples for Neos UI

See examples in "Resources/Private" and Configuration/Settings.yaml.

To see the API, check UI Extensibility Docs.

Installation

cd Packages/Application/
git clone git@github.com:neos/neos-ui-extensibility-examples.git Neos.Neos.Ui.ExtensibilityExamples
cd ../../
./flow flow:package:rescan

How to build the examples

Currently, the examples do only work with yarn and not with NPM install.

  • Go to Resources/Private/[ExampleName]
  • (optional): Use NVM to ensure you're using the right node.js version: nvm install
  • Install yarn globally npm install -g yarn
  • In the folder Resources/Private/[ExampleName], run yarn.
  • Then, use npm run build or npm run watch.

Examples

CustomStylingForEditor

  • Adds custom button for CKEditor 5, to add a custom CSS style

ModifyDataWithCommandCKEditor

  • Adds custom button for CKEditor 5 to manipulate the content. In this case we change the content to uppercase text.

CustomEditor

  • adds custom editor for inspector

ColorPickerEditor

  • a little more advanced example for a color picker editor.

ReplacingComponentsViaUnplannedExtensibility

  • showcasing how to add a custom theme