stevenvdhout/paragraphs_frontend_ui

POC For setting up paragraphs frontend editing

Paragraphs Frontend ui

Paragraphs Frontend ui is intended as a POC for editing paragraphs from the frontend., _(*1)

It is based on ideas from geysir and landingspage, but is based on paragraphs_edit. That way it has better support for QuickEdit, _(*2)

The following features are currently available in the frontend trough contextual links:, _(*3)

• Quick Edit
• Editing of the content inside a modal
• Edit a different form mode 'Settings' from te settings tray
• Move paragraph items up/down
• Duplicate paragraph items
• Add a predefined paragraph sets from the settings tray

Screen recorings

Some gifs demonstrating the magic, _(*4)

Editing paragraphs settings & quick edit

https://www.dropbox.com/s/qg640za04222lg4/settings%26quickedit.gif?raw=1, _(*5)

Duplicating & moving paragraphs

https://www.dropbox.com/s/wdqvxdki22jgph4/move%26duplicate.gif?raw=1, _(*6)

Using webforms with paragraphs

https://www.dropbox.com/s/oo2prxw57835dka/webform.gif?raw=1, _(*7)

Install

After enabling the modules, you can create 'Paragraph sets' that can be added from the ui:, _(*8)

admin/structure/paragraph_set, _(*9)

It is also recomended to update the 'settings' form mode on your existing paragraph types., _(*10)

Known problems

For now it only works for non-multilingual websites., _(*11)

For now only admins can edit the frontend like this., _(*12)

The goal is to use this POC to start on conversation about frontend editing capabilities for Paragraphs., _(*13)