flowpack/structuredediting

Structured editing for Neos

Maintainers

Details

github.com/Flowpack/Flowpack.StructuredEditing

Source

Issues

Installs: 3 019

Dependents: 2

Suggesters: 0

Security: 0

Stars: 25

Watchers: 14

Forks: 6

Open Issues: 25

Language:JavaScript

Type:neos-package

2.0 2020-07-29 07:21 UTC

Requires

Conflicts

GPL-3.0-or-later 536b7412e458e05c59ff084b2c14a36fc8ffdf4a

This package is auto-updated.

Last update: 2024-11-06 19:24:21 UTC

README

Allows to reuse inspector editors inline. Hint: put all content-related properties inline and leave only metadata properties in the inspector.

Demo

Getting started:

  1. composer require 'flowpack/structuredediting:@dev'
  2. Configure your nodetype properties to be inline editable like this:
'Some.Node:Type'
  properties:
    date:
      type: DateTime
      defaultValue: now
      ui:
        label: Date
        reloadIfChanged: true
        inline:
          editor: 'Flowpack.StructuredEditing/EditorEnvelope'
          editorOptions:
            format: 'd-m-Y H:i'
            editor: 'Neos.Neos/Inspector/Editors/DateTimeEditor'
  1. Render an editable annotation for this field, using usual ContentElementEditable annotation, which will be turned into the pencil edit icon:
prototype(Some.Node:Type) < prototype(Neos.Fusion:Array) {
 dateEditable = ContentElementEditable {
	 property = 'date'
 }
 date = ${Date.format(node.properties.date, 'd-m-Y')}
 @process.contentElementWrapping = ContentElementWrapping
}

The concept behind this package will be merged back into the core once it matures, for now let's try it out in practice!