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/textile/style.css" />
<link rel="stylesheet" type="text/css" href="markitup/sets/markdown/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/textile/set.js"></script>
<script type="text/javascript" src="markitup/sets/markdown/set.js"></script>

<script language="javascript">
$(document).ready(function()    {
    $('#multiSet').markItUp(myHtmlSettings);
    
    $('#switcher li').click(function() {
            $('#multiSet').markItUpRemove();                   
            newSet = $(this).attr('class');
            switch(newSet) {
                case 'textile':
                    $('#multiSet').markItUp(myTextileSettings);
                    break;
                case 'markdown':
                    $('#multiSet').markItUp(myMarkdownSettings);
                    break;
                case 'html':
                    $('#multiSet').markItUp(myHtmlSettings);
            }
            return false;
        }
    );
});
</script>

Html

<ul id="switcher">
    <li class="html"><a href="#">Html set</a></li>
    <li class="textile"><a href="#">Textile set</a></li>
    <li class="markdown"><a href="#">MarkDown set</a></li>
    <li class="remove"><a href="#">Remove markItUp!</a></li>
</ul>
<textarea id="multiSet" cols="80" rows="20">
    ...Some stuff...
</textarea>