Dialogue

Dialogue

A dialogue directive can be used to create sections with multiple speakers. The markup that is generated wraps the speakers names in span elements, and adds HTML classes to their enclosing p elements to allow for easy styling.

Input (Markdown)

::: dialogue:interview-part-one

::Speaker One:: Fusce imperdiet ullamcorper risus, eget tincidunt mi posuere ac.

::Speaker Two:: Ut tortor urna, consequat a libero eget, tincidunt venenatis dui.

::Speaker One:: Proin tempor suscipit nisi nec faucibus.

::: exit:interview-part-one

Output (HTML)

<section id="_518200c338ef9dc5d03c23f83ee1c7472dfa84f8" class="dialogue">

    <p class="interlocutor-parent"><span class="interlocutor">Speaker One</span> Fusce imperdiet ullamcorper risus, eget tincidunt mi posuere ac.</p>

    <p class="interlocutor-parent"><span class="interlocutor">Speaker Two</span> Ut tortor urna, consequat a libero eget, tincidunt venenatis dui.</p>

    <p class="interlocutor-parent"><span class="interlocutor">Speaker One</span> Proin tempor suscipit nisi nec faucibus.</p>
</section>