Skip to content
This repository has been archived by the owner. It is now read-only.
A simple jQuery plugin that adds a WYSIWYG style toolbar to Markdown enabled textareas.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
themes/default
README.md
jquery.markbar.js

README.md

jQuery.Markbar

Introduction

Markbar is a simple jQuery plugin that adds a WYSIWYG style toolbar to "Markdown enabled" textareas. This is helpful for users not familiar with the Markdown syntax. You can view a demo here.

jQuery.Markbar Screenshot

Basic usage

Markbar is super easy to use. Here is the most basic usage, which will enable all the available toolbar options.

<script src="jquery.js"></script>
<script src="jquery.markbar/jquery.markbar.js"></script>
<link rel="stylesheet" href="jquery.markbar/themes/default/default.css">
<script>
	$(function()
	{
		$('textarea').markbar();
	});
</script>

<textarea></textarea>

Customize

If you want to limit which options are displayed in the toolbar, simply disable the ones you don't want. Here is the complete list of all the available toolbar options:

$('textarea').markbar(
{
	strong: true,
	em: true,
	h1: true,
	h2: true,
	h3: true,
	ul: true,
	ol: true,
	a: true,
	img: true,
	blockquote: true,
	code: false
});

Questions or comments?

Send me a message on Twitter at @reinink.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.