MOS
/
OpenBoard
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

upgrading html wgt

Browse Source
preferencesAboutTextFull
unknown 13 years ago
parent 48a3ef4e61
commit d86fdefb05
2 changed files with 145 additions and 144 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 116
      resources/library/interactive/Html.wgt/index.html
  2. 159
      resources/library/interactive/Html.wgt/markitup/skins/markitup/style.css

116
resources/library/interactive/Html.wgt/index.html
Unescape View File

@ -1,72 +1,72 @@
<!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){
var html = window.sankore.preference("iHtml", "Welcome to HTML EDITOR"); var html = window.sankore.preference("iHtml", "Welcome to HTML EDITOR");
$("#markItUp").val(html); $("#markItUp").val(html);
}; };
$("#markItUp").keyup(function(){ $("#markItUp").keyup(function(){
if(window.sankore){ if(window.sankore){
window.sankore.setPreference("iHtml", $("#markItUp").val()); window.sankore.setPreference("iHtml", $("#markItUp").val());
} }
}); });
$("li").mouseout(function(){ $("li").mouseout(function(){
if(window.sankore){ if(window.sankore){
window.sankore.setPreference("iHtml", $("#markItUp").val()); window.sankore.setPreference("iHtml", $("#markItUp").val());
} }
}); });
$("#reset-btn").click(function(){ $("#reset-btn").click(function(){
$(this).data("hidden", true).hide(); $(this).data("hidden", true).hide();
$('textarea').show(); $('textarea').show();
$('iframe').remove(); $('iframe').remove();
$("#fakebar").show(); $("#fakebar").show();
$("#menu").show(); $("#menu").show();
}); });
}); });
$(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);
}); });
</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>

159
resources/library/interactive/Html.wgt/markitup/skins/markitup/style.css
Unescape View File

@ -3,146 +3,147 @@
// By Jay Salvat - http://markitup.jaysalvat.com/ // By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/ // ------------------------------------------------------------------*/
.markItUp * { .markItUp * {
margin:0px; padding:0px; margin:0px; padding:0px;
outline:none; outline:none;
} }
.markItUp a:link, .markItUp a:link,
.markItUp a:visited { .markItUp a:visited {
color:#000; color:#000;
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 {
border:1px solid #3C769D; border:1px solid #3C769D;
background:#FFF url(images/bg-container.png) repeat-x top left; background:#FFF url(images/bg-container.png) repeat-x top left;
padding:5px 5px 2px 5px; padding:5px 5px 2px 5px;
font:11px Verdana, Arial, Helvetica, sans-serif; font:11px Verdana, Arial, Helvetica, sans-serif;
} }
.markItUpEditor { .markItUpEditor {
font:12px 'Courier New', Courier, monospace; width: 100%;
padding:5px 5px 5px 15px; font:12px 'Courier New', Courier, monospace;
border:3px solid #3C769D; padding:5px 5px 5px 15px;
width:643px; border:3px solid #3C769D;
height:320px; width:643px;
background-repeat:no-repeat; height:320px;
clear:both; display:block; background-repeat:no-repeat;
line-height:18px; clear:both; display:block;
overflow:auto; line-height:18px;
overflow:auto;
} }
.markItUpPreviewFrame { .markItUpPreviewFrame {
overflow:auto; overflow:auto;
width:99.9%; width:99.9%;
height:300px; height:300px;
margin:0px 0; margin:0px 0;
} }
.markItUpFooter { .markItUpFooter {
width:100%; width:100%;
cursor:n-resize; cursor:n-resize;
} }
.markItUpResizeHandle { .markItUpResizeHandle {
overflow:hidden; overflow:hidden;
width:22px; height:5px; width:22px; height:5px;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
background-image:url(images/handle.png); background-image:url(images/handle.png);
cursor:n-resize; cursor:n-resize;
} }
/***************************************************************************************/ /***************************************************************************************/
/* first row of buttons */ /* first row of buttons */
.markItUpHeader ul li { .markItUpHeader ul li {
list-style:none; list-style:none;
float:left; float:left;
position:relative; position:relative;
} }
.markItUpHeader ul li ul{ .markItUpHeader ul li ul{
display:none; display:none;
} }
.markItUpHeader ul li:hover > ul{ .markItUpHeader ul li:hover > ul{
display:block; display:block;
} }
.markItUpHeader ul .markItUpDropMenu { .markItUpHeader ul .markItUpDropMenu {
background:transparent url(images/menu.png) no-repeat 115% 50%; background:transparent url(images/menu.png) no-repeat 115% 50%;
margin-right:5px; margin-right:5px;
} }
.markItUpHeader ul .markItUpDropMenu li { .markItUpHeader ul .markItUpDropMenu li {
margin-right:0px; margin-right:0px;
} }
.markItUpHeader ul .markItUpSeparator { .markItUpHeader ul .markItUpSeparator {
margin:0 10px; margin:0 10px;
width:1px; width:1px;
height:16px; height:16px;
overflow:hidden; overflow:hidden;
background-color:#CCC; background-color:#CCC;
} }
.markItUpHeader ul ul .markItUpSeparator { .markItUpHeader ul ul .markItUpSeparator {
width:auto; height:1px; width:auto; height:1px;
margin:0px; margin:0px;
} }
/* next rows of buttons */ /* next rows of buttons */
.markItUpHeader ul ul { .markItUpHeader ul ul {
display:none; display:none;
position:absolute; position:absolute;
top:18px; left:0px; top:18px; left:0px;
background:#F5F5F5; background:#F5F5F5;
border:1px solid #3C769D; border:1px solid #3C769D;
height:inherit; height:inherit;
} }
.markItUpHeader ul ul li { .markItUpHeader ul ul li {
float:none; float:none;
border-bottom:1px solid #3C769D; border-bottom:1px solid #3C769D;
} }
.markItUpHeader ul ul .markItUpDropMenu { .markItUpHeader ul ul .markItUpDropMenu {
background:#F5F5F5 url(images/submenu.png) no-repeat 100% 50%; background:#F5F5F5 url(images/submenu.png) no-repeat 100% 50%;
} }
/* next rows of buttons */ /* next rows of buttons */
.markItUpHeader ul ul ul { .markItUpHeader ul ul ul {
position:absolute; position:absolute;
top:-1px; left:150px; top:-1px; left:150px;
} }
.markItUpHeader ul ul ul li { .markItUpHeader ul ul ul li {
float:none; float:none;
} }
.markItUpHeader ul a { .markItUpHeader ul a {
display:block; display:block;
width:16px; height:16px; width:16px; height:16px;
text-indent:-10000px; text-indent:-10000px;
background-repeat:no-repeat; background-repeat:no-repeat;
padding:3px; padding:3px;
margin:0px; margin:0px;
} }
.markItUpHeader ul ul a { .markItUpHeader ul ul a {
display:block; display:block;
padding-left:0px; padding-left:0px;
text-indent:0; text-indent:0;
width:120px; width:120px;
padding:5px 5px 5px 25px; padding:5px 5px 5px 25px;
background-position:2px 50%; background-position:2px 50%;
} }
.markItUpHeader ul ul a:hover { .markItUpHeader ul ul a:hover {
color:#FFF; color:#FFF;
background-color:#3C769D; background-color:#3C769D;
} }
/***************************************************************************************/ /***************************************************************************************/
.html .markItUpEditor { .html .markItUpEditor {
background-image:url(images/bg-editor-html.png); background-image:url(images/bg-editor-html.png);
} }
.markdown .markItUpEditor { .markdown .markItUpEditor {
background-image:url(images/bg-editor-markdown.png); background-image:url(images/bg-editor-markdown.png);
} }
.textile .markItUpEditor { .textile .markItUpEditor {
background-image:url(images/bg-editor-textile.png); background-image:url(images/bg-editor-textile.png);
} }
.bbcode .markItUpEditor { .bbcode .markItUpEditor {
background-image:url(images/bg-editor-bbcode.png); background-image:url(images/bg-editor-bbcode.png);
} }
.wiki .markItUpEditor, .wiki .markItUpEditor,
.dotclear .markItUpEditor { .dotclear .markItUpEditor {
background-image:url(images/bg-editor-wiki.png); background-image:url(images/bg-editor-wiki.png);
} }
Write Preview
Loading…
Cancel
Save