Code Monkey home page Code Monkey logo

markdown-functions's Introduction

markdown-functions

A tiny js library to add "function"ality to markdowns if you need that tiny bit of preprocessing power.

How to use

Use a markdown parser which parses your markdown, and add this as an intermediate stage.

e.g. showdown.js

<html>
<head>
  <script src="./assets/js/showdown.js"></script>
  <script src="./assets/js/md-func.js"></script>
</head>

<body>
  <div id="markdown">
    $hello_world
    it is $current_time
    1 + 1 = $add 1 1
  </div>
</body>

<script>
function hello_world() {
  return "hello world!";
}

function current_time() {
    var now = new Date(Date.now());
    return now.toTimeString();
}

function add(arg) {
    var args = arg.split(' ');
    var output = 0;

    for(var i = 0; i < args.length; i++)
    {
        output += new Number(args[i]);
    }

    return output;
}

var text = document.getElementById("markdown").innerHTML;

// Create and bind your functions to markdown-functions
var funcBinder = new FunctionBinder([
  hello_world, current_time, add
]);

// Preprocess markdown
text = funcBinder.parseFunctions(text);

var converter = new showdown.Converter();
document.getElementById("markdown").innerHTML = converter.makeHtml(text);
</script>

markdown-functions's People

Contributors

velddev avatar

Stargazers

 avatar

Watchers

James Cloos avatar  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.