Le Moyne Component Library

Wysiwyg 

<!-- WYSIWYG -->
<div class="wysiwyg_block">
    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
            <div class="wysiwyg_block_inner typography">
                <h2>Nullam dictum felis eu pede mollis pretium</h2>
                <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                <figure style="width: 225px" class="wp-caption alignleft"><img fetchpriority="high" decoding="async" class="size-medium wp-image-733" src="//via.placeholder.com/735x980" alt="" width="225" height="300">
                    <figcaption class="wp-caption-text">The Caption Goes Here</figcaption>
                </figure>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis <a href="#">natoque penatibus</a> et magnis dis parturient montes, nascetur ridiculus mus.</p>
                <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
                <figure class="quote">
                    <div class="quote_icon"><svg class="icon icon_quote">
                            <use href="/images/icons.svg#quote"></use>
                        </svg></div>
                    <blockquote class="quote_content">
                        <p>Test Quote</p>
                    </blockquote>
                </figure>
                <ul>
                    <li>Aliquam ullamcorper ex massa, non eleifend neque laoreet.</li>
                    <li>Curabitur tristique vulputate est, ac.</li>
                    <li>Curabitur porta laoreet tempus. Fusce volutpat lectus nisl, ut blandit dui laoreet nec. Nulla.</li>
                    <li>Aliquam ornare quam et ipsum cursus, ac ultricies lacus laoreet.</li>
                </ul>
                <h3>H3 Title Here</h3>
                <ol>
                    <li>Aliquam ullamcorper ex massa, non eleifend neque laoreet.</li>
                    <li>Curabitur tristique vulputate est, ac.</li>
                    <li>Curabitur porta laoreet tempus. Fusce volutpat lectus nisl, ut blandit dui laoreet nec. Nulla.</li>
                    <li>Aliquam ornare quam et ipsum cursus, ac ultricies lacus laoreet.<ol>
                            <li>Donec eu odio molestie, tristique.</li>
                            <li>Maecenas lacus sapien, pretium at aliquam non, tempor quis neque.</li>
                        </ol>
                    </li>
                </ol>
            </div>
        </div>
    </div>
</div>
<!-- END: WYSIWYG -->
 
{#
	{% include '@component-wysiwyg' with {
		content: 'Content'
	} %}
#}

<!-- WYSIWYG -->
<div class="wysiwyg_block">
	<div class="fs-row">
		<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
			<div class="wysiwyg_block_inner typography">
				{{ content }}
			</div>
			{% block after_content %}{% endblock %}
		</div>
	</div>
</div>
<!-- END: WYSIWYG -->

No notes defined.