Full documentation for Fred: https://modxcms.github.io/fred/
Fred is a visual drag-and-drop front-end editor for MODX CMS. It empowers ordinary people to create exceptional content without knowing how to code or needing to learn complex interfaces.
To create content with Fred you merely drag Elements from a sidebar and drop them where you wish content to appear. Select the copy you wish to change or click an image you want to update, edit directly in your browser, and click a green checkmark to save.
Fred uses familiar visual controls like sliders, toggles and color pickers. Further, these controls can pass specific parameters developers want end users to adjust to backend code or an API. This results in a bulletproof and powerful content creation solution.
In short, Fred makes constructing beautiful and complex pages simple for even the most non-technical of users.
Fred offers theme builders a great entrance into the MODX ecosystem. It is easy to port existing themes to Fred and export them for submission to the MODX Extras.
For existing MODX developers, Fred brings an option to create more flexible and intuitive editing experiences for site owners. Fred can power designs that would otherwise require dozens of TVs, a complex Manager UI, or tricky Manager customization.
The changelog for the current version of Fred is located at https://github.com/modxcms/fred/blob/master/core/components/fred/docs/changelog.txt.
Fred adheres to MODX’s core tenet of Creative Freedom. It doesn’t force you into someone else’s preferred front-end framework or way of building things. If you can imagine or prototype it, Fred can power it—without compromise.
Developers and designers can realize pixel-perfect websites and confidently turn over content creation duties without fear of things breaking.
So whether a site is made by customizing a free starter theme, or handcrafted 100% from scratch, Fred can help everyone build websites faster, more consistently and with better results.
The following is a sample of Fred’s capabilities that make it a compelling visual content building platform:
If you are upgrading from a previous release to the following versions, please note the important changes:
Make sure all Themes are named uniquely, and any Elements, Blueprints, Element categories, or Blueprint categories within Themes likewise have unique names. You can have duplicate category and Element names across different Themes.
If you defined Media Sources in Option Sets, in Element markup, or Options Override, you need to adjust these from using the Media Source ID to the Media Source name.
Fred installs the following into your MODX webroot directory:
_build/assets/js
- source code for the front-end_build/assets/sass
- source code for front-end stylesassets/components/fred/mgr
- Backend Manager page (“3PC”)assets/components/fred/web
- Assets used in the front-endassets/components/fred/web/endpoints
- XHR endpoints for asyncronous callscore/components/fred/model/fred/src
- Autoloaded directory for the Fred namespacecore/components/fred/model/fred/src/Endpoint
- Implementation for the XHR endpointsFirst, set up the project inside your MODX webroot:
yarn install
from web rootcore/components/fred/model
composer install
Set up watchers to update the code for changes:
yarn dev
yarn build