.. every .rst file should include Includes.txt
.. use correct path!
.. include:: /Includes.rst.txt
.. Every manual should have a start label for cross-referencing to
.. start page. Do not remove this!
.. _start:
=============================================================
Pretty Preview
=============================================================
:Version:
1.0
:Language:
en
:Description:
Generates an automatic pretty preview of content elements in the backend based on the TCA fields.
:Authors:
Julian Lichte, Maurice Möllmer
:Email:
info@invokable.gmbh
:License:
`Creative Commons BY 4.0 `__
What does it do?
================
* When building individual content elements, a nice backend preview often falls by the wayside (due to budget or time). The editors have to deal with this, as they are overwhelmed by gray boxes with one-liners in the backend.
* With this extension you can generate a nice preview of (almost) any content element within a very short time.
* How does it works?
* Pretty Preview loads the underlaying data and TCA structure and generates a preview based on the visible and filled fields for the current user.
Example
=======
Before:
.. image:: /Images/before.png
:alt: Before using Pretty Preview
|
After:
.. image:: /Images/after.png
:alt: After using Pretty Preview
Installation
============
**Composer**
You can install `jar_pretty_preview` with following shell command:
.. code-block:: bash
composer req jar/jar_pretty_preview
**Extensionmanager**
If you want to install `jar_pretty_preview` traditionally with Extensionmanager, follow these steps:
#. Visit ExtensionManager
#. Switch over to `Get Extensions`
#. Search for `jar_pretty_preview`
#. Install extension
Configuration
=============
Just register your pretty preview via TCA override in your extension with the following command:
.. code-block:: php
:caption: EXT:your_extension/Configuration/TCA/Overrides/tt_content.php
\Jar\PrettyPreview\Utilities\PreviewUtility::registerContentElement(
,
);
.. confval:: CType
:Required: true
:type: string
The CType of your content element.
.. confval:: configuration
:Required: false
:type: array
You are able to configure the following options:
.. tip::
For white- and blacklisting columns, you can use wildcards like "?" and "*". So instead of define
``table_class, table_caption, table_delimiter, table_enclosure, ...`` specificly, you can use ``table_*``.
.. confval:: tableColumnWhitelist
:Required: false
:type: array
List of table specific columns which aren’t processed, grouped by table.
.. confval:: tableColumnBlacklist
:Required: false
:type: array
List of tables columns which should be processed exclusively, grouped by table.
.. confval:: nestingDepth
:Required: false
:type: integer
Depth of displayed subrelations to other table records.
**Example:**
We want to pretty preview the "table" content element, but just want to preview the content of all fields starting with ``table_*`` and ``bodtext`` without ``table_delimiter`` and ``table_enclosure``.
.. code-block:: php
:caption: Example of EXT:your_extension/Configuration/TCA/Overrides/tt_content.php
\Jar\PrettyPreview\Utilities\PreviewUtility::registerContentElement('table', [
'tableColumnWhitelist' => [
'tt_content' => ['table_*', 'bodytext']
],
'tableColumnBlacklist' => [
'tt_content' => ['table_delimiter', 'table_enclosure']
],
'nestingDepth' => 2,
]);
---------------------------------------------------------------------------------
**TYPO3**
The content of this document is related to TYPO3 CMS,
a GNU/GPL CMS/Framework available from `typo3.org `_ .
**Extension Manual**
This documentation is for the TYPO3 extension Pretty Preview.
If you find an error or something is missing, please:
`Report a Problem `__
.. toctree::
:maxdepth: 1
Sitemap
genindex
Author
------
This extension has been created by `JAR Media `__, a brand of `invokable `__.
.. image:: /Images/jarmedia_logo.svg
:alt: JAR Media - be creative. and relax
:target: https://jar.media/
:width: 300
.. image:: /Images/spacerblock_40x40.png
.. image:: /Images/invokable_logo.svg
:alt: invokable GmbH
:target: https://invokable.gmbh/
:width: 300