Predefined blocks

predefinedBlocks replaces the Content field with a block editor: heading, text and images, table, list, video, wrapper/accordion and chunk/snippet/HTML. Developers restyle each block with a Fenom template in the theme; the rendered HTML is saved into content, so search and teasers keep working.

Requires pdoTools 3. Not for templates that use ContentBlocks.

All blocks have been fully tested and are functional.

Install pdoTools 3 first (required, block templates use Fenom).

Install predefinedBlocks and tick the templates that should use the block editor in the install form.

Choose the front-end styles: Plugin CSS (works without Bootstrap) or Bootstrap (your theme already loads Bootstrap 5.3).

Open a page with that template, click Add block and save.

To add your own sections, create custom block types: see Custom blocks in the documentation.

Documentation: https://modx.tend.si/predefined-blocks

Beta release. Changes since 0.6.0-beta (see changelog.txt in the package for details).

Added

• Page picker for links. The link field of custom blocks and the link dialog of the small editor (table cells, list items) search pages by title, alias or ID and insert a live link [[~ID]]. The linked page's title is shown under the field.
• Undo delete. A deleted block can be restored until the page is saved. Ordinary blocks no longer ask for confirmation; originals with clones and wrappers with blocks still ask.
• Collapsed cards are remembered per page (browser storage).
• Focal point for images. Click the image to mark the part that stays visible when it is cropped to an aspect ratio. Templates get {$img.focus} for CSS object-position.
• Example custom block type Files to download (downloads.tpl): a heading and a list of documents with type and size.

Fixed

• CKEditor 4 fields were emptied when a card was moved (arrows, drag and drop) and could return outdated text. CKEditor 4 is now handled like TinyMCE and Redactor.
• In Firefox, a TinyMCE field (with the autoresize plugin) in a hidden section tab or collapsed part of the editor had zero height when shown. The height is now measured again when the field becomes visible.