Skip to content
This repository has been archived by the owner on Jun 19, 2018. It is now read-only.

Latest commit

 

History

History
47 lines (35 loc) · 1.25 KB

README.md

File metadata and controls

47 lines (35 loc) · 1.25 KB

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.