3

デフォルトのTYPO3-Image-ContentElement のようなFlux/Fluid FlexFormsで画像選択フィールドを作成することは可能ですか?

はいの場合、どのように？

ファイル テーブルにリンクする入力フィールド (ウィザードを使用)しか作成できませんでした。これはコードです：

<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

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

同じメディア フィールドを持つように、flux 6.0.1 で viewHelper を実行しました。

しかし、私は github と私のバージョンをテストしましたが、同じ問題があります。このタイプのフィールドを持つコンテンツのコピー/貼り付けは、メディアをコピーしません。テーブル sys_file のレコードはコピーされません。

Typo3チームも同じ問題を抱えていると思います。それが、彼らが「テキスト画像」と「画像」コンテンツでこのタイプのフィールドを使用しない理由です。

于 2014-02-12T07:57:41.800 に答える
0

これはどうですか: 実際には FAL をサポートしていませんが、動作し、ファイル番号は表示されません。upload-Folder に依存します。

<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 に答える