{namespace v=Tx_Vhs_ViewHelpers}
{namespace flux=Tx_Flux_ViewHelpers}
{namespace mot=TYPO3\CMS\Speciality\ViewHelpers}
<f:layout name="FCE" />
<div xmlns="http://www.w3.org/1999/xhtml"
     xmlns:flux="http://fedext.net/ns/flux/ViewHelpers"
     xmlns:v="http://fedext.net/ns/vhs/ViewHelpers"
     xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">

	<f:section name="Configuration">
		<flux:flexform wizardTab="MOT-PARA" id="mot-highlight" label="Mise en exergue" description="Texte mis en exergue dans une bulle bleue" icon="../typo3conf/ext/speciality/Resources/Public/Backend/FCE/PARA-Simple.png">

			<flux:flexform.sheet name="display" label="Display">
				<flux:flexform.field.input name="title" label="Titre" />
				<flux:flexform.field.text name="text" label="Texte" rows="20" enableRichText="1" defaultExtras="richtext:rte_transform[flag=rte_enabled|mode=ts_css]" />
			</flux:flexform.sheet>

		</flux:flexform>
	</f:section>

	<f:section name="Preview">
		<f:format.crop maxCharacters="150"><f:format.stripTags>{text}</f:format.stripTags></f:format.crop>
	</f:section>

	<f:section name="Main">
		<div class="highlight-box">
			<div class="title">{title}</div>
			<f:format.html>{text}</f:format.html>
		</div>
		
	</f:section>
</div>