File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ # Structured Inline Editing for Neos CMS
2+
3+
4+ ![ Demo] ( https://raw.githubusercontent.com/flowpack/Flowpack.StructuredEditing/master/structured.gif )
5+
6+ Getting started:
7+
8+ 1 . ` composer require 'flowpack/structured-editing@dev' `
9+ 2 . Configure your nodetype properties to be inline editable like this:
10+
11+ ```
12+ 'Some.Node:Type'
13+ properties:
14+ date:
15+ type: DateTime
16+ defaultValue: now
17+ ui:
18+ label: Date
19+ reloadIfChanged: true
20+ inspector:
21+ group: news
22+ editorOptions:
23+ format: 'd-m-Y H:i'
24+ inline:
25+ editor: 'Flowpack.StructuredEditing/EditorEnvelope'
26+ editorOptions:
27+ format: 'd-m-Y H:i'
28+ editor: 'Neos.Neos/Inspector/Editors/DateTimeEditor'
29+ ```
30+
31+ 3 . Render an editable annotation for this field, using usual ` ContentElementEditable ` annotation, which will be turned into the pencil edit icon:
32+
33+ ```
34+ prototype(Some.Node:Type) < prototype(Neos.Fusion:Array) {
35+ dateEditable = ContentElementEditable {
36+ property = 'date'
37+ }
38+ date = ${Date.format(node.properties.date, 'd-m-Y')}
39+ @process.contentElementWrapping = ContentElementWrapping
40+ }
41+ ```
You can’t perform that action at this time.
0 commit comments