Fred Icon

Fred

Drag-and-drop content creation and landing pages.

By Jan Peca (theboxer)

Meet Fred, the Friendly Editor for MODX. Fred is a visual editor for managing your site from the front end.

Learn more at https://fred.modx.com

Report issues at https://github.com/modxcms/fred/issues

Documentation: https://modxcms.github.io/fred/

Jan Peca


New in Fred 1.1.0

New

  • If you have updated or started working on a page, Fred warns you before leaving without saving so you don’t accidentally lose your work (not that we ever needed that ourselves…).
  • Toolbar and Sidebar Plugins allow for custom functionality when creating or editing content with Fred. To demonstrate the awesomeness of this, Collections now supports creating or updating pages with Fred-enabled templates directly with Fred from the front-end.
  • Support for rendering Snippets to cache inside Fred Elements. This can be used, for example, to dynamically pull author information for a blog or other custom data source.
  • When creating a new page from Fred, you can specify a Blueprint to use. Further, each Fred-enabled Template can now have a default Blueprint associated with it so that making new content can be streamlined.
  • A new Folder picker option setting is handy for things like simple galleries built from images on the file system.
  • Themes now can include Media Sources to help keep things tidy.
  • Documentation and an installer check for specific PHP extensions were added so people don't get frustrated when Fred mysteriously decided not to work.

Updates & Improvements

  • Updated styles to make the overall UI more consistent with the upcoming MODX3 Manager.
  • Dragging Elements now shrinks them to a smaller size to make them easier to work with.
  • When editing Option Sets in the Manager, it warns you if there is a JSON syntax error so you can fix it and save your work. It’s even prettier when using the Fred Ace integration, too.
  • Updated the build process to use the latest versions of Node and Gulp.
  • Removed build files from the repo in favor of using Github releases.
  • When pasting text from word processors and web browsers, a lot of messy markup sometimes tags along, making it hard to create clean content. Fred now forces text to be pasted as plain text to minimize tedious cleanup chores as much as possible.
  • A special {{theme_dir}} placeholder makes for more portable themes for Element Settings and Media fields.
  • The root tag now gets a class when Fred is enabled to allow for custom styling when needed:.
  • Option Set Overrides can now also be merged so that you can override just a single thing in the assigned Option Set.
  • A policy for deleting inadvertently added Elements on the front-end for the Fred Editor role was added.

Bugfixes

  • Image pickers no longer return the full URL to images, improving website portability.
  • Importing option set overrides functions again as intended.
  • Certain Elements refused to save from the front-end. The error in its ways has been rectified.
  • Firefox is special. So we made a special case for it to ensure that contenteditable would behave the same as every other modern browser.
  • Missing screenshots and the Media Source section in the documentation have been fixed.
  • Fred and its browser built on ElFinder did not respect the skipFiles setting. Now they do.
  • Checks for PHP dependencies didn’t happen during installation which could lead to failure. Now it checks and warns when the dependencies aren’t met.
More

Information

Released
August 21, 2019
Supported Versions
2.6 – Current
Downloads
2,552
License
MIT
Website
Documentation

More from Jan Peca

Collections

Easily manage large folders of content.

View
Tagger

Tags, Categories, and More for MODX!A robust and performant tag management…

View
Fred Font Awesome 5 Icon Editor

Font Awesome 5 icon picker for Fred.

View
Fred TinyMCE RTE

TinyMCE 4 rich text editor for Fred.

View