Using Neos with SemanticUI


I’d like to use Neos with SemanticUI. But there is a problem using headlines. SemanticUI requires the classes ui header to be added to headline tags. I tried

prototype(TYPO3.Neos.NodeTypes:Headline).templatePath = 'resource://My.Page/Private/Templates/NodeTypes/Headline.html'

In the Root.ts2 and in the NodeType template:

{namespace neos=TYPO3\Neos\ViewHelpers}
<div{attributes -> f:format.raw()}>
	{neos:contentElement.editable(property: 'title', class: 'ui header')}

But this adds only class="ui header" to the wrapping div

<div class=" typo3-neos-nodetypes-headline">
	<div class="ui header"><h1>Headline</h1></div>

and that is not sufficient. How is it possible to add custom css classes to headline and paragraph tags? Either via a template (I couldn’t find one) or in the backend?

I’m not 100% sure if I remember that correctly regarding the syntax but the neos:contentElement.editable ViewHelper has a tag property. Try