University of Derby

Tinymce 

<main class="center-align">
    <section class="text-block" role="region" aria-labelledby="feature-block-format-within-wysiwyg-areas">
        <h2 id="feature-block-format-within-wysiwyg-areas">Feature block format within WYSIWYG areas</h2>
        <p>When adding the feature block format within a WYSIWYG area the feature-block class is added to added paragraphy selected. When adding to mutliple paragraphs by default each will have margins between them. Here we have to offset this.</p>
        <p class="feature-block">In egestas dui non mollis condimentum. Sed ac consequat metus, in lacinia sem. Nunc in laoreet nunc.</p>
        <p class="feature-block">Suspendisse tortor lorem, faucibus vitae nulla vel, feugiat lacinia augue. Pellentesque non ipsum bibendum, iaculis ligula in, volutpat dolor.</p>
        <p class="feature-block">Morbi nisl ex, aliquam ut sem sit amet, tincidunt imperdiet nisl. Vestibulum suscipit nisl tellus, nec commodo tortor vestibulum et. Integer mattis ex eu diam laoreet, suscipit bibendum nisi ullamcorper.</p>
        <p>Vivamus a ante id turpis auctor condimentum. Proin aliquam risus non est elementum luctus. Praesent convallis ipsum dui, laoreet scelerisque odio tempus eu. Maecenas tempus feugiat sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus.
            Maecenas ut sapien bibendum magna cursus tempor. Nullam ullamcorper, mauris ut ullamcorper fermentum, nulla sem consequat lectus, at ornare mauris mi sollicitudin diam. Nam ante augue, egestas non pharetra id, tempus ut tellus.</p>
    </section>
</main>
 
<main class="center-align">
	{% embed '@text-block' with { title: 'Feature block format within WYSIWYG areas' } %}
	    {% block content %}
	    	<p>When adding the feature block format within a WYSIWYG area the feature-block class is added to added paragraphy selected. When adding to mutliple paragraphs by default each will have margins between them. Here we have to offset this.</p>
	    	<p class="feature-block">In egestas dui non mollis condimentum. Sed ac consequat metus, in lacinia sem. Nunc in laoreet nunc.</p>
			<p class="feature-block">Suspendisse tortor lorem, faucibus vitae nulla vel, feugiat lacinia augue. Pellentesque non ipsum bibendum, iaculis ligula in, volutpat dolor.</p>
			<p class="feature-block">Morbi nisl ex, aliquam ut sem sit amet, tincidunt imperdiet nisl. Vestibulum suscipit nisl tellus, nec commodo tortor vestibulum et. Integer mattis ex eu diam laoreet, suscipit bibendum nisi ullamcorper.</p> 
			<p>Vivamus a ante id turpis auctor condimentum. Proin aliquam risus non est elementum luctus. Praesent convallis ipsum dui, laoreet scelerisque odio tempus eu. Maecenas tempus feugiat sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas ut sapien bibendum magna cursus tempor. Nullam ullamcorper, mauris ut ullamcorper fermentum, nulla sem consequat lectus, at ornare mauris mi sollicitudin diam. Nam ante augue, egestas non pharetra id, tempus ut tellus.</p>
	    {% endblock %}
	{% endembed %}
</main>
 
/* No context defined for this component. */

Tinymce integration

Here is a place we can replicate anomalies when adding custom formats within WYSIWYG fields in T4.