3

是否可以使用Flux/Fluid FlexForms创建一个图像选择字段,如默认的TYPO3-Image-ContentElement

如果是,如何?

我只能创建一个链接到文件表的输入字段(使用向导) 。这是代码:

<flux:flexform.field.input name="file" eval="trim">
    <flux:flexform.field.wizard.link allowedExtensions="jpg,jpeg,png,gif"/>
</flux:flexform.field.input>

但我希望它像带有缩略图、文件名等的TYPO3-Image-ContentElement一样。

原生 TYPO3 6.1 图像选择 这就是我的流体图像场的样子

4

5 回答 5

4

此功能已添加到github上的当前通量主控器中。

你可以像这样使用它:

<flux:flexform.field.inline.fal name="myimage"
     multiple="TRUE" maxItems="5"
     enabledControls="{info:1,new:1,dragdrop:1,sort:1,hide:1}"/>
于 2013-12-07T12:11:35.680 回答
3

也许有人想要当前版本的通量(7.4.0)的解决方案:

制作后端字段:

<flux:field.inline.fal name="bild" showThumbs="true" allowedExtensions="'gif,jpg,jpeg,tif,tiff,bmp,pcx,tga,png,pdf,ai,svg'" maxItems="1" required="true" />

调用图像:

{v:content.resources.fal(field: 'bild') -> v:iterator.first() -> v:variable.set(name: 'bild')}
    <f:image treatIdAsReference="1" src="{bild.id}" title="{bild.title}" alt="{bild.alternative}" maxWidth="80" maxHeight="50" crop="{bild.crop}"/>

我的内容元素的完整代码:

<f:layout name="Content"/>

<f:section name="Configuration">
    <flux:form id="footerbild" options="{group: 'FeWo-Seiteninhalte'}">

        <flux:field.inline.fal name="bild" showThumbs="true" allowedExtensions="'gif,jpg,jpeg,tif,tiff,bmp,pcx,tga,png,pdf,ai,svg'" maxItems="1" required="true" />

    </flux:form>
</f:section>

<f:section name="Preview">

    {v:content.resources.fal(field: 'bild') -> v:iterator.first() -> v:variable.set(name: 'bild')}
    <f:image treatIdAsReference="1" src="{bild.id}" title="{bild.title}" alt="{bild.alternative}" maxWidth="80" maxHeight="50" crop="{bild.crop}"/>

</f:section>


<f:section name="Main">

    {v:content.resources.fal(field: 'bild') -> v:iterator.first() -> v:variable.set(name: 'bild')}
    <f:image class="img-responsive" treatIdAsReference="1" src="{bild.id}" title="{bild.title}" alt="{bild.alternative}" crop="{bild.crop}"/>

</f:section>

这在预览中执行以下操作:

预习

这在后端插件中:

插件视图

它支持图像上传,内置编辑器的图像裁剪等。

于 2016-10-21T12:05:51.383 回答
0

这个怎么样:不是真正的 FAL 支持,但它可以工作,并且没有显示文件编号。取决于上传文件夹。

<flux:flexform.sheet name="slider" label="Slider Bilder - Startseite">
  <flux:flexform.section name="sliderImagges">
    <flux:flexform.object name="image" >
      <flux:flexform.field.input name="linkTitle" label="Titel" /> 
        <flux:flexform.field.file name="image" label="Bild"
      uploadFolder="uploads/pics/"
      validate="trim" size="1" showThumbs="1"
      internalType="file" allowed="jpg,png,gif" />
        <flux:flexform.field.input name="url" label="Ziel des Links">
    <flux:flexform.field.wizard.link activeTab="page" />
      </flux:flexform.field.input>
    </flux:flexform.object>
  </flux:flexform.section>
</flux:flexform.sheet>
于 2014-03-04T10:45:42.903 回答
0

我用通量 6.0.1 做了一个 viewHelper 来拥有相同的媒体字段。

但是我测试了 github 和我的版本,我们遇到了同样的问题:使用这种类型的字段复制/粘贴内容不会复制媒体。不会复制表 sys_file 中的记录。

我认为typo3团队有同样的问题,这就是为什么他们不在“文本图像”和“图像”内容中使用这种类型的字段

于 2014-02-12T07:57:41.800 回答
0

目前唯一的一种方法 - 使用自定义呈现和逻辑创建一个新的自定义字段。最好使用 Core 创建字段。

您可以检查flux扩展源中的方法。检查类和向导是如何制作的。

DAM 支持的 4.5.x LTS 也存在类似问题。

于 2013-10-24T07:56:05.920 回答