Css

See CSS tab for more details...

<link rel="stylesheet" type="text/css" href="markitup/skins/markitup/style.css" />
<link rel="stylesheet" type="text/css" href="markitup/sets/html/style.css" />
<link rel="stylesheet" type="text/css" href="markitup/sets/bbcode/style.css" />

Javascript

See JSon tab for more details. on set.js file.

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="markitup/jquery.markitup.js"></script>
<script type="text/javascript" src="markitup/sets/html/set.js"></script>
<script type="text/javascript" src="markitup/sets/bbcode/set.js"></script>

<script language="javascript">
$(document).ready(function()	{
	$('#html1').markItUp(myHtmlSettings, { 
			beforeInsert:function() {
				alert("You're working with the first Html editor");
			}
		}
	);
	$('#html2').markItUp(myHtmlSettings, { 
			beforeInsert:function() {
				alert("You're working with the second Html editor");
			}
		}
	);
	$('#bbcode').markItUp(myBbcodeSettings, { 
			beforeInsert:function() {
				alert("You're working with the BBCode editor");
			}
		}
	);
});
</script>
<style type="text/css">
	.html .markItUpEditor {
		border:1px solid #CC0066;		
	}
</style>

Html

<textarea id="html1" cols="80" rows="20"><h1>A Html editor<h1></textarea> 
<textarea id="bbcode" cols="80" rows="20">[b]A BBcode editor[/b]</textarea>
<textarea id="html2" cols="80" rows="20"><h1>Another Html editor<h1></textarea>