<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>markItUp! Universal markup editor</title>
<link rel="stylesheet" type="text/css" href="images/style.css" />
<!-- jQuery -->
<script type="text/javascript" src="jquery.pack.js"></script>
<!-- markItUp! -->
<script type="text/javascript" src="markitup/jquery.markitup.js"></script>
<!-- markItUp! toolbar settings -->
<script type="text/javascript" src="markitup/sets/html/set.js"></script>
<!-- markItUp! skin -->
<link rel="stylesheet" type="text/css" href="markitup/skins/simple/style.css" />
<!-- markItUp! toolbar skin -->
<link rel="stylesheet" type="text/css" href="markitup/sets/html/style.css" />
</head>
<body>
<script type="text/javascript" >
$(document).ready(function() {
$("#reset-btn").hide();
$('#markItUp').markItUp(mySettings);
$("#markItUp").width($(window).width()-22)
.height(($(window).height())-(40));
$('iframe').width($(window).width()-24)
.height($(window).height()-46);
if(window.uniboard){
var html = window.uniboard.preference("html", "Welcome to HTML EDITOR");
$("#markItUp").val(html);
};
$("#reset-btn").click(function(){
$(this).data("hidden", true).hide();
$('textarea').show();
$('iframe').remove();
$("#fakebar").show();
$("#menu").show();
});
});
$(window).resize(function(){
$("#markItUp").width($(window).width()-22)
.height($(window).height()-40);
$('iframe').width($(window).width()-24)
.height($(window).height()-46);
$('#markItUpFooter').width($(window).width()-30);
});
</script>
<div id='fakebar'></div>
<textarea id="markItUp" cols="80" rows="20">
Welcome to HTML EDITOR
</textarea>
<img id="reset-btn" src="images/bts.png" style="position:absolute; top:0; left:5">
</body>
</html>