Added Footnote Buttons to the BUedit Toolbar

Primitive, but effective, much prettier and more functional than straight text “[1]” and more readable than ¹.

Make your your Text format is “Full HTML.”

Place the cursor in the body where you wish your footnote marker (generally a number) to appear. Click the FN-N (“footnote number”) button. The HTML markup for the footnote marker appears:

<a class="fn-marker" id="fn-marker00" href="#fn-text00">00</a>

Replace “00” (three times) with the marker of the footnote you are creating. (If I were clever enough I would have JavaScript do all this, but I’m not. If you are, please contact the blog.)

Now do the footnote text (generally at the end of the post under a separate heading). Place the cursor where you wish your footnote marker to appear. Click the FN-T (“footnote text”) button. HTML markup appears:

<a class="fn-marker" id="fn-text00" href="#fn-marker00">00</a>

Replace “00” (three times) again with the same marker used for FN-N.

You will have noticed that the two footnote markers are reciprocally linked through their respective id and href attributes. The result:

… this is the footnote number, placed directly after any punctuation (no space).1

NOTES

And this is the footnote text:

 

 

 

 

1 Click on the footnote marker at the footnote text, go up to the footnote marker in the body. Click on the footnote marker in the body, go down the footnote text. I say “marker” and not “number,” because sometimes one wishes to use a character, like a dagger.†

†Footnote texts are generally placed in their own section at the end of the post, as here, though if you want to go all POMO you could scatter your texts hither and yon, because of the reciprocal linking between footnote marker and footnote text.

As any lawyer will tell you, always read the footnotes!

STYLE GUIDE

In the body text, place the footnote marker immediately after punctuation.

In the footnote text, place a space after the footnote marker, before the footnote text begins.