fred

Frontend editing for Grav using contenttools

Demo / Developement enviroment

1. Goto: http://fred.bughunter2k.de
   • Use Login link and login with "testuser" and "Test12345"
   • Goto any blog-page and klcik on the blue pencil-icon in the upper left corner.
   • Edit Content, finish with green checkmark button and the changes are written to .md-file

Set-Up

To use this Plugin one have to add access-rights to an user and log in from the frontend of your site. Add to /user/accounts/USER.yaml:

access:
  site:
    login: true
    editor: true

After adding got to: .../user-login to log into the frontend. Then there should be the pencil icon.

TODOs

• image croping in dialog
• image size and placement does not work with uploaded images
• Problems
  • getcontentools does not handle image in paragraphs
  • find a way strip p tags and find a save the image at choosen position for floating and size.
• invesitgate
  • make sure only markdown content is edited? Or what about twig content?
  • Edit Page title/headline
  • how to edit multi-language pages
  • how to edit modular pages
  • how to add site.editor access to users
  • how to best login users on frontend

Other Things

• Issue on grav-admin https://github.com/getgrav/grav-plugin-admin/issues/173
• Possible related: https://github.com/getgrav/grav-plugin-admin/issues/346

Done

• Using onPageProcessed Event to wrap rendered content with editable div
• use login-Plugin and access:site.editor for user authentification
• warp javascript in a closure function and autoload on jQuery-pageready
• save changes to .md file
• Image upload and rotation via upload-dialog

Used Libs:

• https://github.com/domchristie/to-markdown
• http://getcontenttools.com/