Output Styles
Depending on the CSL file, a different form rendering might be required. This extension can handle inline rendering or footnote rendering of citations.
For the examples on this page, a very small CSLJSON file is used. As a style to render inline, the CSL file Cambridge University Press (author-date) is used and for footnote-based rendering, the CSL file Cambridge University Press (note) is used.
Inline
Set by output=OutputStyle.INLINE
Citations are rendered inline directly in the text. The footnote token remains unmodified since there are no footnotes to render. Using this option, the following Markdown document...
any fresh incidents to record.[@shelleyFrankenstein2020, Letter 4] Something completely different.[@missingCitekey]
...will be converted to the following HTML:
<p>
any fresh incidents to record.
<span class="csl-inline">(Shelley 2020, Letter 4)</span>
Something completely different.
<span class="csl-inline">@missingCitekey</span>
</p>
This setting is ignored for notation=NotationStyle.FOOTNOTES
.
Enumerated footnotes
Set by output=OutputStyle.NUM_FOOTNOTES
In the text, references are replaced with enumerated links, pointing to a footnote in a footnote list that replaces the footnote token.Using this option, the following Markdown document...
any fresh incidents to record.[@shelleyFrankenstein2020, Letter 4] Something completely different.[@missingCitekey]
[FOOTNOTES]
...will be converted to the following HTML:
<p>
I shall continue my journal concerning the stranger at intervals, should I have any fresh incidents to record.
<sup class="csl-footnote-anchor" id="csl-footnote-anchor-1">
<a href="#csl-footnote-1">1</a>
</sup>
Something completely different.
<sup class="csl-footnote-anchor" id="csl-footnote-anchor-2">
<a href="#csl-footnote-2">2</a>
</sup>
</p>
<p>
<div id="csl-footnote-1" class="csl-footnote-entry">
<a href="#csl-footnote-anchor-1" class="csl-footnote-number">1</a>
M. Shelley, <i>Frankenstein.</i>, (G&D Media, 2020), Letter 4.
</div>
<div id="csl-footnote-2" class="csl-footnote-entry">
<a href="#csl-footnote-anchor-2" class="csl-footnote-number">2</a>
@missingCitekey
</div>
</p>
This setting is always used for notation=NotationStyle.FOOTNOTES
.