Oftmals setzen wir 3 verschiedene ViewHelper im Fluid ein
- exception.catch Es kann passieren, dass Ihr beispielsweise ein Bild rendern wollt, dieses aber vom Redakteur nicht gepflegt wurde. Hierbei würde es über den Image-ViewHelper zu einer Exception kommen. Das ist insofern schlecht, weil der Redakteur dann die ganze Seite im Backend nicht mehr bearbeiten kann. Daher fangen wir diese Fehler ab und stellen diese in der Vorschau dar.
- backend.editLink Wenn ihr gerne irgendwo auf die Vorschau klicken wollt und es soll die Bearbeitungsansicht aufgehen, könnt ihr dieses ViewHelper nutzen.
- backend.removeLinks Wenn ihr Text aus einem RTE darstellen wollt, kann es passieren, dass A-Tags gerendert werden. Gerade wenn ihr mit backend.editLink aber einen äußeren Link gesetzt habt, wollt ihr nicht noch weitere Links erzeugen.
{namespace in2template=In2code\In2template\ViewHelpers}
<in2template:exception.catch>
<in2template:backend.editLink identifier="{data.uid}">
<div class="in2template-preview-stage" style="background-image: url({f:uri.image(image:firstImage,width:'2000m')});">
<div class="in2template-preview-stage-box">
<h1>{data.header}</h1>
<in2template:backend.removeLinks>{data.bodytext}</in2template:backend.removeLinks>
<p>
<span class="btn">{data.button_label}</span>
</p>
</div>
</div>
</in2template:backend.editLink>
</in2template:exception.catch>
EXT:in2template/Classes/ViewHelpers/Exception/CatchViewHelper.php:
<?php
declare(strict_types=1);
namespace In2code\In2template\ViewHelpers\Exception;
use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
class CatchViewHelper extends AbstractViewHelper
{
protected $escapeOutput = false;
public function render(): string
{
try {
return $this->renderChildren();
} catch (\Exception $exception) {
$string = '<div class="alert alert-danger" role="alert">';
$string .= $exception->getMessage();
$string .= ' (' . $exception->getCode() . ')';
$string .= '</div>';
return $string;
}
}
}
EXT:in2template/Classes/ViewHelpers/Backend/EditLinkViewHelper.php:
<?php
declare(strict_types=1);
namespace In2code\In2template\ViewHelpers\Backend;
use In2code\In2template\Utility\BackendUtility;
use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
class EditLinkViewHelper extends AbstractViewHelper
{
protected $escapeOutput = false;
public function initializeArguments()
{
parent::initializeArguments();
$this->registerArgument('identifier', 'int', 'Identifier', true);
$this->registerArgument('table', 'string', 'Tablename', false, 'tt_content');
}
public function render(): string
{
$string = '<a href="';
$string .= BackendUtility::createEditUri($this->arguments['table'], (int)$this->arguments['identifier']);
$string .= '" class="in2template_editlink">';
$string .= $this->renderChildren();
$string .= '</a>';
return $string;
}
}
Hierzu braucht es noch eine EXT:in2template/Classes/Utility/BackendUtility.php:
<?php
declare(strict_types=1);
namespace In2code\In2template\Utility;
use TYPO3\CMS\Backend\Routing\Exception\ResourceNotFoundException;
use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
use TYPO3\CMS\Backend\Routing\Router;
use TYPO3\CMS\Backend\Routing\UriBuilder;
use TYPO3\CMS\Core\Utility\GeneralUtility;
class BackendUtility
{
public static function createEditUri(string $tableName, int $identifier, bool $addReturnUrl = true): string
{
$uriParameters = [
'edit' => [
$tableName => [
$identifier => 'edit'
]
]
];
if ($addReturnUrl) {
$uriParameters['returnUrl'] = self::getReturnUrl();
}
return self::getRoute('record_edit', $uriParameters);
}
protected static function getReturnUrl(): string
{
return self::getRoute(self::getModuleName(), self::getCurrentParameters());
}
public static function getRoute(string $route, array $parameters = []): string
{
$uriBuilder = GeneralUtility::makeInstance(UriBuilder::class);
return (string)$uriBuilder->buildUriFromRoute($route, $parameters);
}
protected static function getModuleName(): string
{
$moduleName = 'record_edit';
if (GeneralUtility::_GET('route') !== null) {
$routePath = (string)GeneralUtility::_GET('route');
$router = GeneralUtility::makeInstance(Router::class);
try {
$route = $router->match($routePath);
$moduleName = $route->getOption('_identifier');
} catch (ResourceNotFoundException $exception) {
unset($exception);
}
}
return $moduleName;
}
public static function getCurrentParameters(array $getParameters = []): array
{
if (empty($getParameters)) {
$getParameters = GeneralUtility::_GET();
}
$parameters = [];
$ignoreKeys = [
'M',
'moduleToken',
'route',
'token'
];
foreach ($getParameters as $key => $value) {
if (in_array($key, $ignoreKeys)) {
continue;
}
$parameters[$key] = $value;
}
return $parameters;
}
}
EXT:in2template/Classes/ViewHelpers/Backend/RemoveLinksViewHelper.php:
<?php
declare(strict_types=1);
namespace In2code\In2template\ViewHelpers\Backend;
use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
class RemoveLinksViewHelper extends AbstractViewHelper
{
protected $escapeOutput = false;
protected $style = 'color: #A5C85A; font-weight: bold; text-decoration: underline;';
public function render(): string
{
$string = html_entity_decode($this->renderChildren());
$dom = new \DOMDocument();
@$dom->loadHTML(
$this->wrapHtmlWithMainTags($string),
LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD
);
$aTags = $dom->getElementsByTagName('a');
while ($aTags->length) {
$aTag = $aTags[0];
$linkText = $aTag->nodeValue;
$class = $aTag->getAttribute('class');
$span = $dom->createElement('span');
$span->setAttribute('class', $class);
$span->setAttribute('style', $this->style);
$span->nodeValue = $linkText;
$aTag->parentNode->replaceChild($span, $aTag);
}
return $this->stripMainTagsFromHtml($dom->saveHTML());
}
protected function wrapHtmlWithMainTags(string $html): string
{
return '<?xml encoding="utf-8" ?><html><body>' . $html . '</body></html>';
}
protected function stripMainTagsFromHtml(string $html): string
{
return str_replace(['<html>', '</html>', '<body>', '</body>', '<?xml encoding="utf-8" ?>'], '', $html);
}
}
![[TYPO3] PreviewRenderer: Vorschau im Backend für eigene Content Elemente](/fileadmin/_processed_/a/7/csm_lala-azizli-dJw88I9GeNI-unsplash_fb85073267.webp "[TYPO3] PreviewRenderer: Vorschau im Backend für eigene Content Elemente")
