Footnotes

The Export to Word converter supports documents containing CKEditor 5 Footnotes. Editor footnotes are converted to Word endnotes and placed at the end of the document.

• Note references are represented by <sup class="footnote"><a href="#${id}"></a></sup>, where ${id} is the note’s ID.
• The note list is represented by an <ol class="footnotes-list"></ol> element and must be wrapped in a <div class="footnotes"></div> container. The list must be the last child of the container.
• Each note is represented by an <li class="footnote-definition" id="${id}"> element, where ${id} is the note’s ID. Notes must be direct children of the note list.
• Note content must be wrapped in a <div class="footnote-content"></div> element. This wrapper must be the last child of the note’s list item.
• The note list may optionally define the starting value using the start attribute and the numbering style using the list-style-type CSS property.
• Notes might contain both block-level and inline content.

Example HTML exported by the converter:

<p>Lorem ipsum dolor sit amet.<sup class="footnote" id="ref-footnote-0"><a href="#footnote-0">i</a></sup></p>
<div class="footnotes">
    <hr class="footnotes-divider">
    <ol class="footnotes-list" style="list-style-type: lower-roman">
        <li class="footnote-definition" id="footnote-0">
            <a class="footnote-backlink" href="#ref-footnote-0">^</a>
            <div class="footnote-content">
                <p>Endnote content</p>
            </div>
        </li>
    </ol>
</div>

• The type and placement of notes is currently not configurable.
• Backlinks and other editor-only UI helpers are omitted.
• Notes whose content starts with a list have their reference mark rendered inside the list.

For details about the CKEditor 5 Footnotes feature, see the CKEditor 5 Footnotes documentation.