upgrading html wgt

preferencesAboutTextFull
unknown 13 years ago
parent 48a3ef4e61
commit d86fdefb05
  1. 48
      resources/library/interactive/Html.wgt/index.html
  2. 7
      resources/library/interactive/Html.wgt/markitup/skins/markitup/style.css

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

@ -12,11 +12,11 @@
text-decoration:none; text-decoration:none;
} }
iframe { iframe {
border: 0px solid #ffffff; border: 0px solid #ffffff;
} }
.markItUp { .markItUp {
width:700px; width:97%;
margin:5px 0 5px 0; margin:5px 10px 5px 5px;
border:5px solid #F5F5F5; border:5px solid #F5F5F5;
} }
.markItUpContainer { .markItUpContainer {
@ -26,6 +26,7 @@ border: 0px solid #ffffff;
font:11px Verdana, Arial, Helvetica, sans-serif; font:11px Verdana, Arial, Helvetica, sans-serif;
} }
.markItUpEditor { .markItUpEditor {
width: 100%;
font:12px 'Courier New', Courier, monospace; font:12px 'Courier New', Courier, monospace;
padding:5px 5px 5px 15px; padding:5px 5px 5px 15px;
border:3px solid #3C769D; border:3px solid #3C769D;

Loading…
Cancel
Save