Citation Formatting API
The Citation Formatting API accepts a CSL-JSON body with a specified citation style and locale and returns a formatted citation.
post
https://api.cloudcite.net
/cite
Cite
Cite requires the following to be sent in the body of the POST request:
If you send null or "" fields such as author last name, sorting will not be done properly. Make sure to remove null or "" properties.
Cite Request Fields - MLA, en-US
Cite Request Example - MLA, en-US
{
style: "modern-language-association",
locale: "locales-en-US",
csl: <csl>
}
{
"style": "modern-language-association",
"locale": "locales-en-US",
"csl": {
"SET-YOUR-OWN-ID": {
"issued": {
"year": "1953"
},
"id": "SET-YOUR-OWN-ID",
"author": [{
"given": "Tennessee",
"family": "Williams"
}],
"title": "A Streetcar Named Desire",
"publisher": "Dramatists Play Service Inc",
"ISBN": "9780822210894",
"number-of-pages": 107,
"dimensions": "20.00 cm x 12.70 cm x 0.60 cm",
"abstract": "THE STORY: The play reveals to the very depths the character of Blanche du Bois, a woman whose life has been undermined by her romantic illusions, which lead her to reject--so far as possible--the realities of life with which she is faced and which s",
"type": "book"
},
"SET":{
"issued": {
"month": "04",
"year": "2018",
"day": "25"
},
"id": "SET",
"director": [{
"given": "Joe",
"family": "Russo"
}, {
"given": "Anthony",
"family": "Russo"
}],
"title": "Avengers: Infinity War",
"publisher": "Walt Disney Pictures",
"publisher-place": "United States of America",
"source": null,
"abstract": "As the Avengers and their allies have continued to protect the world from threats too large for any one hero to handle, a new danger has emerged from the cosmic shadows: Thanos. A despot of intergalactic infamy, his goal is to collect all six Infinity Stones, artifacts of unimaginable power, and use them to inflict his twisted will on all of reality. Everything the Avengers have fought for has led up to this moment - the fate of Earth and existence itself has never been more uncertain.",
"type": "motion_picture"
}
}
}
Cite will send the following back
Cite Response - MLA, en-US
[{
"maxoffset": 0,
"entryspacing": 0,
"linespacing": 2,
"second-field-align": false,
"entry_ids": [
["SET"],
["SET-YOUR-OWN-ID"]
],
"bibliography_errors": [],
"done": false,
"hangingindent": 2,
"bibstart": "<div class=\"csl-bib-body\">\n",
"bibend": "</div>"
},
[
" <div class=\"csl-entry\"><i>Avengers: Infinity War</i>. Walt Disney Pictures, 2018.</div>\n",
" <div class=\"csl-entry\">Williams, Tennessee. <i>A Streetcar Named Desire</i>. Dramatists Play Service Inc, 1953.</div>\n"
]
]
maxoffset(integer): The width of the widest first field in the bibliography, measured in characters.linespacing(integer): Vertical line distance specified as a multiple of standard line height. You can force a minimum if there is none assigned such as 1.35.entryspacing(integer): Vertical distance between bibliographic entries, specified as a multiple of standard line height.second-field-align(boolean or integer): The position of second-field alignment.hangingindent(boolean or integer): Whether the bibliography items should be rendered with hanging-indents and the size of the indent.rightpadding(constant): .5- Each entry is assigned a CSS class. You apply properties based on the class assigned by CSL.
<div class="csl-bib-body">
<div class="csl-entry">
<div class="csl-left-margin">[1]</div>
<div class="csl-right-inline">M. Krämer, “citeproc-java: A Citation Style
Language (CSL) processor for Java,” 20-Nov-2016. [Online]. Available:
http://michel-kraemer.github.io/citeproc-java/. [Accessed: 29-Jul-2018].
</div>
</div>
<div class="csl-entry">
Williams, Tennessee. <i>A Streetcar Named Desire</i>. Dramatists Play Service Inc, 1953.
</div>
</div>
For an example of how to add CSS to these classes, go to the Zotero repository. Here's a basic overview:
'line-height: ' + linespacing + '; '
If the container has no child with the csl-left margin class and a hanging indent, add the following CSS. Note CSS properties when second-field-align=false or no value and hangingindent=true or value combination is not currently supported by this logic.
'margin-left: ' + hangingindent + 'em; text-indent:-' + hangingindent + 'em;'
'clear: left; margin-bottom:' + entryspacing + 'em;'
If you want to prevent text overflow such as with links, consider adding:
'word-break: break-all;'
'margin: .5em 0 0 2em; padding: 0 0 .2em .5em; border-left: 5px solid #ccc;'
'margin: 0 .4em 0 ' + (secondFieldAlign ? maxOffset + rightPadding : '0') + 'em;'
If there's a hanging indent, add:
'padding-left: ' + hangingindent + 'em; text-indent:-' + hangingindent + 'em;'
'float: left; padding-right: ' + rightpadding + 'em;'
If there's a second-field-align value or it is true, add this:
'text-align: right; width: ' + maxoffset + 'em;'
Last modified 4yr ago