<?php
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>jQuery Example - SmartMarkUP Universal Markup Editor & Platform!</title>
<style type="text/css">
* {
font-family: verdana, arial, helvetica;
}
body {
margin: 1px 0 0;
padding: 0;
background-color: #fff;
}
h1 {
color: #333;
font-size: 1.2em;
}
h2 {
color: #333;
font-size: 1em;
}
p {
font-size: 12px;
}
p a {
color: #FF8A00;
text-decoration: none;
}
p a:hover {
text-decoration: underline;
}
#header {
background-color: #EEEEEE;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
padding: 4px 0 0 0;
margin-bottom: 12px;
background: #eee url(img/header-bg.png) no-repeat right 4px;
}
#header img {
margin-left: 107px;
border: 0;
}
div.wrapper {
margin: 0 auto;
width: 60%;
}
</style>
<link type="text/css" rel="stylesheet" href="smarkup/skins/style.css" />
<link type="text/css" rel="stylesheet" href="smarkup/skins/default/style.css" />
</head>
<body>
<div id="header">
<a href="http://www.phpcow.com/smartmarkup" title="Universal Markup Editor">
<img src="img/logo.png" alt="PHPCow" width="301" height="107"/>
</a>
</div>
<div class="wrapper">
<h1>SmartMarkUp Universal Markup Editor & Platform</h1>
<h2>jQuery Plugin Example</h2>
<p>
If you fill more comfortable with jQuery you can use SmartMarkUP as a jQuery plugin.
</p>
<p>
For documentation, examples and downloads please visit <a href="http://www.phpcow.com/smartmarkup" title="Universal Markup Editor">http://www.phpcow.com/smartmarkup</a>
</p>
<p>
[<a href="#" id="remove" rel="on">Remove SmartMarkUP</a>]
</p>
/*********************************************
* plik formularz.php
*********************************************/
$pole1 = trim($_POST['pole1']);
{
echo '<form method="post" action=""> <input type="text" name="pole1" style="width: 200px;" />
<textarea name="html" id="html" cols="60" rows="12">
</textarea>
<br />
<input type="submit" value="Zapisz" />
</form>';
}
else {
// dane pochodzące z formularza
$dane = $pole1."`".$pole2."\n";
// przypisanie zmniennej $file nazwy pliku
$file = "strona.html";
// uchwyt pliku, otwarcie do dopisania
// blokada pliku do zapisu
// zapisanie danych do pliku
// odblokowanie pliku
// zamknięcie pliku
echo "Dane zostały zapisane!<br />"; echo "<a href=\"podglad.php\">Zobacz wpisane dane</a>"; }
</div>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="smarkup/jquery.smarkup.js"></script>
<script type="text/javascript" src="smarkup/smarkup.js"></script>
<script type="text/javascript" src="smarkup/conf/html/conf.js"></script>
<script type="text/javascript">
$(document).ready(
function() {
$('#html').sMarkUp('html', 300);
//$('textarea').sMarkUp('html', 300);
//$('textarea[name=html]').sMarkUp('html', 300);
/**
$.sMarkUp(
{
open: '<!--quoteo--><div class='quotetop'>Cytat</div><div class='quotemain'><!--quotec-->',
close: '<!--QuoteEnd--></div><!--QuoteEEnd-->'
}
);
var textarea = $.sMarkUpGetInstance('#html');
console.log(textarea.value());
var textarea = $.sMarkUpGetInstanceByName('html');
console.log(textarea.value());
*/
}
);
</script>
<script type="text/javascript">
var remove = document.getElementById('remove');
remove.onclick = function() {
if (this.rel == 'on') {
this.innerHTML = 'Return SmartMarkUP Back';
this.rel = 'off';
$.sMarkUpRemove('#html');
} else {
this.innerHTML = 'Remove SmartMarkUP';
this.rel = 'on';
$('#html').sMarkUp('html', 300);
}
return false;
};
</script>
</body>
?>