0.0.5-alpha • Published 3 years ago
editorjs-footnotes v0.0.5-alpha
editorjs-footnotes
footnotes for editor.js
Overview
Adds a Footnote
that implements BlockTool
and FootnoteMaker that implements InlineTool
that allows use to select a span of text and generate a new block. Automatically inserts an anchor link with a generated id.
Live demo
Try it a live demo here.
Usage example
Install:
npm add -D editorjs-footnotes
Then:
import EditorJS from "@editorjs/editorjs";
import { Footnote, FootnoteMaker } from "editorjs-footnotes";
const holderElement = document.createElement("div");
holderElement.setAttribute("id", "editor-js-holder");
document.body.appendChild(holderElement);
new EditorJS({
holder: "editor-js-holder",
autofocus: true,
tools: {
FootnoteMaker,
footnoteParagraph: {
class: Footnote,
inlineToolbar: ["link", "bold", "italic"], // don't allow footnotes to add footnotes
},
},
});
0.0.5-alpha
3 years ago
0.0.4-alpha
4 years ago
0.0.3-alpha
4 years ago
0.0.2-alpha
4 years ago
0.0.1-alpha
4 years ago