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="interview-part-one" 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>