Introducing Plugins

To me it all comes down to this quote:

Simple things should be simple,
complex things should be possible.
-- Alan Kay

OJ is all about making simple, self-contained objects. Everything in OJ was make to keep things simple. Simple to the user of the plugin, and simple to the plugin creator.

Together we can increase what is possible.

This list of plugins is not meant to be a complete list, or to fully document each plugin. Instead it is intending to provide a quick start guide to the most broadly used plugins.

Pull requests with new plugins are very welcome!

Media Plugins

Media plugins help you embed media elements like video, sound and music.

oj.YouTubeVideo

CS
JS

Usage:

CS
JS

oj.VimeoVideo

CS
JS

Usage:

CS
JS

oj.JSFiddle

An OJ plugin to embed a JSFiddle.

The url property can take either the full http://jsfiddle.net/custom/part url or just the custom/part.

The tabs property helps you specify the tab order.

The style property customizes the visuals on JSFiddle's end.

The width and height properties are supported to customize size.

CS
JS

Usage:

CS
JS

Social Plugins

Social plugins for following, liking, and upvoting.

oj.TwitterButton

CS
JS

Usage:

CS
JS

oj.GitHubButton

Follow Button:

CS
JS

Star Button:

CS
JS

Fork Button:

CS
JS

All Properties:

CS
JS

Form Plugins

Form plugins mimic and extend built-in form objects like TextBox. These usually have two-way model binding and are intended to take input from a user.

oj.AceEditor

Each argument is a line of code:

CS
JS

Usage:

CS
JS

Creation Plugins

These plugins improve how you write content. Sometimes it is nice not to use tags directly, hence the markdown plugin. Or you need to interface with legacy templating code, hense the mustache plugin.

oj.markdown

Author: Christopher Jeffrey

This plugin is a minimal wrapping of Christopher's excellent marked JavaScript library. Show your love by starring his repo:


Usage:

CS
JS

It supports the abbreviation md:

CS
JS

oj.mustache

Maintainers: Nathan Stott and Michael Jackson

This plugin wraps the main mustache JavaScript library. Show that you care by starring the official repo:


Usage:

CS
JS

JSON will be combined:

CS
JS