在typo3流体中扩展jw_watermarks答案

【问题标题】：Extending jw_watermarks in typo3 fluid在typo3流体中扩展jw_watermarks
【发布时间】：2022-06-10 20:35:00
【问题描述】：

提前问好，这里是新人。我需要使用 jw_watermarks ext 在每张图片上生成水印。

使用下面的代码，原始图像就可以参与进来——一切都很好：

                    <a title="{file.title}" data-description="{file.description}" href="{jw:watermark(watermarkSrc: '/fileadmin/Watermark.png', watermarkOpacity: '1', watermarkBackgroundColor: 'FFFFFF', watermarkBackgroundOpacity: '0', watermarkOffset: 0, watermarkPositionVertical: 'bottom', src: file.uid, treatIdAsReference: 1, width: settings.media.popup.width, height: settings.media.popup.height)}">
                    <f:render partial="Media/Rendering/Image" arguments="{file: file, dimensions: dimensions, settings: settings}" />
                    </a>

但我需要扩展 jw_watermarks 分机。到所有生成的图像。尝试通过扩展 srcset 来处理 media-ViewHelper，但我无法使 viewhelper 适应所有生成的图像。

<f:media
class="img-responsive"
file="{file}"
width="{dimensions.width}"
height="{dimensions.height}"
alt="{file.alternative}"
title="{file.title}"
additionalAttributes="{srcset: '{f:uri.image(image: file, maxWidth: 768)} 768w,
                                {f:uri.image(image: file, maxWidth: 990)} 990w,
                                {f:uri.image(image: file, maxWidth: 1200)} 1200w,
                                {f:uri.image(image: file, maxWidth: 1440)} 1440w,
                                {f:uri.image(image: file, maxWidth: 1900)} 1900w',
                       sizes: '(min-width: 1200px) 50vw, 100vw'}"

【问题讨论】：

我没有答案，但将其发送给扩展所有者：github.com/JW301/jw_watermark/issues/1

标签： typo3 fluid

【解决方案1】：

文档说：

viewhelper 可以像 f:uri.image ViewHelper 一样使用。

以下附加参数可用于添加水印：

watermarkSrc

watermarkTreatIdAsReference

水印图片

因此，只需将{f:uri.image(image: file, maxWidth: 768)} 替换为{jw:watermark(watermarkSrc: '/fileadmin/Watermark.png', watermarkOpacity: '1', watermarkBackgroundColor: 'FFFFFF', watermarkBackgroundOpacity: '0', watermarkOffset: 0, watermarkPositionVertical: 'bottom', image: file, maxWidth: 768)} 等即可。

【讨论】：