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/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/bbcode/set.js"></script>

<script language="javascript">
$(document).ready(function()	{
    $('#bbcode').markItUp(myBbcodeSettings);

    $('#emoticons a').click(function() {
        emoticon = $(this).attr("title");
        $.markItUp( { replaceWith:emoticon } );
    });
});
</script>

Html

<div id="emoticons">
    <a href="#" title=":p"><img src="images/emoticon-happy.png" /></a>
	<a href="#" title=":("><img src="images/emoticon-unhappy.png" /></a>
	<a href="#" title=":o"><img src="images/emoticon-surprised.png" /></a>
	<a href="#" title=":p"><img src="images/emoticon-tongue.png" /></a>
	<a href="#" title=";)"><img src="images/emoticon-wink.png" /></a>
	<a href="#" title=":D"><img src="images/emoticon-smile.png" /></a>
</div>
<textarea id="bbcode" cols="80" rows="20">
	...BBCode stuff...
</textarea>