Code Monkey home page Code Monkey logo

showdown-ghost-footnotes's Introduction

Showdown Footnotes Extension for Ghost

Add support for footnotes syntax in ghost. Compatible with showdown standalone

Installing

npm install showdown-ghost-footnotes

Usage extending Showdown

  1. Require Showdown const showdown = require('showdown');
  2. Require Showdown Footnotes const footnotes = require('showdown-ghost-footnotes');
  3. Extend Showdown to enable Footnotes const converter = new showdown.Converter({ extensions: [footnotes] });

Example

I have more [^1] to say up here.

Turns into

<p>
  I have more <sup id="fnref-1"><a href="#fn-1" rel="footnote" title="go to footnote">1</a></sup> to say up here.
</p>

And at the bottom of the page

[^1]: To say down here.

Turns into

<div class="footnotes">
<hr>
  <ol>
    <li id="fn-1"><p>To say down here.
    <a href="#fnref-1" class="footnote-backref" title="return to article"></a></p></li>
  </ol>
</div>

showdown-ghost-footnotes's People

Contributors

tivie avatar sohlis avatar modosc avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.