example.html

{namespace flux=FluidTYPO3\Flux\ViewHelpers}
{namespace v=FluidTYPO3\Vhs\ViewHelpers}
<f:layout name="Content" />

<f:section name="Configuration">
	<flux:form  id="textWithImage" label="Text mit Bild">
		<flux:field.text name="description" label="Beschreibung" rows="5" enableRichText="TRUE" />
		<flux:field.input name="target" label="Verknüpfung">
			<flux:wizard.link />
		</flux:field.input>
		<flux:field.file name="file" label="Bild"/>
	</flux:form>
</f:section>

<f:section name="Preview">
	some preview in html for the backend view
</f:section>

<f:section name="Main">
	{description}
	
	<a href="{v:uri.typolink(configuration: '{parameter: elementData.target}')}">More</a>

	<f:image src="{file}" alt="{header}" class="img-responsive" width="800c" height="800c"/>
</f:section>