Skip to content

Commit 37be25b

Browse files
authored
Create README.md
1 parent e587b8c commit 37be25b

1 file changed

Lines changed: 41 additions & 0 deletions

File tree

README.md

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
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+
```

0 commit comments

Comments
 (0)