blob: c178adc3dfd83094895a4a6de07614e89802a5b4 [file] [log] [blame]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>elRTE from source</title>
<!-- jQuery and UI -->
<link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.22.custom.css" type="text/css" media="screen" title="no title" charset="utf-8">
<!-- CSS for widgets -->
<link rel="stylesheet" href="ellib/css/elcommon.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="ellib/css/elcolorpicker.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="ellib/css/eldialogform.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="ellib/css/elpaddinginput.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="ellib/css/elselect.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="elrte/css/elrte.css" type="text/css" media="screen" charset="utf-8">
<!-- Common JS and widgets -->
<script src="ellib/js/eli18n.js" type="text/javascript" charset="utf-8"></script>
<script src="ellib/js/eldialogform.js" type="text/javascript" charset="utf-8"></script>
<script src="ellib/js/jquery.elcolorpicker.js" type="text/javascript" charset="utf-8"></script>
<script src="ellib/js/jquery.elborderselect.js" type="text/javascript" charset="utf-8"></script>
<script src="ellib/js/jquery.elpaddinginput.js" type="text/javascript" charset="utf-8"></script>
<script src="ellib/js/jquery.elselect.js" type="text/javascript" charset="utf-8"></script>
<!-- elRTE core -->
<script src="elrte/js/elRTE.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/elRTE.options.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/elRTE.utils.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/elRTE.DOM.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/elRTE.selection.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/elRTE.w3cRange.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/elRTE.ui.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/elRTE.history.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/elRTE.filter.js" type="text/javascript" charset="utf-8"></script>
<!-- elRTE languages -->
<script src="elrte/js/i18n/elrte.ar.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.ca.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.cs.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.da.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.de.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.en.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.es.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.fa.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.fr.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.hr.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.hu.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.it.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.jp.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.ko.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.lv.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.nl.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.pl.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.pt_BR.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.ru.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.th.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.tr.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.uk.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.vi.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.zh_CN.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/i18n/elrte.zh_TW.js" type="text/javascript" charset="utf-8"></script>
<!-- elRTE buttons -->
<script src="elrte/js/ui/anchor.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/blockquote.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/copy.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/css.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/div.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/docstructure.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/elfinder.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/fontname.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/fontsize.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/forecolor.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/formatblock.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/fullscreen.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/horizontalrule.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/image.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/flash.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/indent.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/justifyleft.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/link.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/nbsp.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/outdent.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/pasteformattext.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/pastetext.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/save.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/stopfloat.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/table.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/tablerm.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/tbcellprops.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/tbcellsmerge.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/tbcellsplit.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/tbcollbefore.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/tbcolrm.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/tbrowbefore.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/tbrowrm.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/unlink.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/undo.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/direction.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/smiley.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/pagebreak.js" type="text/javascript" charset="utf-8"></script>
<script src="elrte/js/ui/about.js" type="text/javascript" charset="utf-8"></script>
<!-- elFinder -->
<link rel="stylesheet" href="../../elfinder/css/elfinder.css" type="text/css" media="screen" charset="utf-8">
<script src="../../elfinder/js/elfinder.full.js" type="text/javascript" charset="utf-8"></script>
<script src="../../elfinder/js/i18n/elfinder.ru.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
jQuery().ready(function() {
// Disable filtering chains
// elRTE.prototype.filter.prototype.chains = { }
/* elRTE 'custom' toolbar */
elRTE.prototype.options.panels.custom = [
'bold', 'italic', 'underline', 'forecolor',
'fontsize', 'formatblock', 'insertorderedlist', 'insertunorderedlist', 'docstructure'
];
elRTE.prototype.options.toolbars.custom = ['custom', 'eol', 'undoredo', 'alignment', 'eol', 'links', 'images'];
var opts = {
// doctype : '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">',
cssClass : 'el-rte',
//lang : 'en',
height : 350,
toolbar : 'maxi', // custom
cssfiles : ['elrte/css/elrte-inner.css', 'elrte/css/inner-example.css'],
// elfinder
fmOpen : function(callback) {
$('<div id="myelfinder"></div>').elfinder({
url : '../../elfinder/connectors/php/connector.php',
lang : 'en',
dialog : { width : 900, modal : true, title : 'Files' }, // open in dialog
closeOnEditorCallback : true, // close elFinder after file select
editorCallback : callback // pass callback to editor
});
},
// example of user replacement
// restricts edit of blocks like <!-- BEGIN MY_BLOCK -->anything<!-- END MY_BLOCK -->
replace : [ function(html) {
var self = this;
return html.replace(/(<!--\s*BEGIN\s*([^>]+)\s*-->([\s\S]*?)<!--\s*END\s*(\2)\s*-->)/gi, function(t, a, b, c, d) {
if (b == d) {
//self.rte.log([b, d]);
var id = 'MYTAG'+Math.random().toString().substring(2);
self.scripts[id] = t;
return '<img id="'+id+'" src="'+self.url+'pixel.gif" class="elrte-protected elrte-MYTAG">';
}
return html;
});
}],
restore : [ function(html) {
var self = this;
return html.replace(this.serviceClassRegExp, function(t, n, a) {
a = self.parseAttrs(a);
if (a["class"]['elrte-MYTAG']) {
return self.scripts[a.id] + "\n" || '';
}
return t;
});
}]
};
// create elRTE
var rte = $('#editor').elrte(opts);
// elRTE in dialog example
$('#dialog').click(function() { // open dialog on click
var dialog = $('<div/>').dialog({
title : 'Editor in dialog',
width : 600
});
// create element for elRTE
var rteInDialog = $('<div>Content for editor in dialog</div>');
// put element inside dialog
dialog.append(rteInDialog);
// create elRTE on element
rteInDialog.elrte(opts);
});
$('#getContent').click(function() {
alert($('#editor').elrte('val'));
});
$('#setContent').click(function() {
$('#editor').elrte('val', 'This is new <b>content</b> for editor');
});
$('#destroy').click(function() {
$('#editor').elrte('destroy');
});
});
</script>
<style type="text/css" media="screen">
body { padding: 0 20px; }
.button { display:inline-block; border:1px solid #ccc; background:#eee; padding:5px; margin:10px; }
</style>
</head>
<body>
<!-- <object style="" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="300" width="500"><param name="quality" value="high"><param name="movie" value="http://localhost/git/elrte-stable/files/flash/500.swf"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://localhost/git/elrte-stable/files/flash/500.swf" type="application/x-shockwave-flash"></object> -->
<!-- <object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/yksg5lL6D_U?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/yksg5lL6D_U?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object> -->
<!-- <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=109895569633316339579.0004564e2ac5710eda622&amp;ll=7.815809,98.33674&amp;spn=0.000361,0.004838&amp;output=embed"></iframe><br /><small>View <a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=109895569633316339579.0004564e2ac5710eda622&amp;ll=7.815809,98.33674&amp;spn=0.000361,0.004838&amp;source=embed" style="color:#0000FF;text-align:left">World Ocean Trip</a> in a larger map</small> -->
<form method="post" action="post.php?debug=yes">
<!-- <textarea id="editor2">
<table>
<tr>
<td>Полотенце</td>
<td>Полотенце, возможно, самый необходимый предмет ! для межзвездного путешественника.</td>
</tr>
</table>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8">
Полотенце, возможно, самый необходимый предмет ! для межзвездного путешественника.
</textarea> -->
<!-- <textarea id="editor3"></textarea> -->
<div id="editor">
<!-- BEGIN DO_NOT_EDIT -->
hello eldorado <!-- BEGIN DO_NOT_INNER -->inner<!-- END DO_NOT_INNER -->
<!-- END DO_NOT_EDIT -->
<!-- BEGIN DO_NOT_WOW -->
here is my fancy code
<!-- END DO_NOT_WOW -->
<p>Полотенце, <a name="42"></a>возможно, <span> необходимый предмет ! </span>для межзвездного путешественника.</p> &nbsp; <br /> &nbsp;
<br>&nbsp;&nbsp;<p>Полотенце, возможно, самый необходимый предмет ! для межзвездного путешественника.</p>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8">
<font color="red">empty text</font>
<div>div'ed text</div><p>p test</p>
<table>
<tbody> {?foreach key=k value=v?}
<tr><td>123</td></tr> {?/foreach?}
</tbody>
</table>
<h2>ДУГЛАС АДАМС - Путеводитель "Автостопом по Галактике"<br>
DOUGLAS ADAMS - The Hitchhiker's Guide to the Galaxy</h2>
<!-- pagebreak -->
<script type="text/javascript" charset="utf-8">
// alert('a')
</script>
<img src="elrte/images/media-director.png" alt="Marvin">
<!-- pagebreak -->
<b>Вот что сообщает <a href="http://google.com">Галактический Путеводитель</a> на предмет <span style="background-color: rgb(255, 255, 153);">полотенец</span>:</b>
Полотенце, возможно, самый необходимый предмет ! для межзвездного путешественника. Оно имеет некоторую практическую ценность - вы можете: завернуться в него, чтобы согреться, прыгая по холодным лунам Джаглан-Беты; использовать его, как подстилку,лежа на мраморном песке пляжей Сантрагинуса V и вдыхая пьянящий морской воздух; спать на нем под огненно-красными звездами на пустынной планете Какрафун; сделать из него парус, чтобы спуститься на плоту по ленивой реке Мотт; намочить его и завязать узлом, чтобы использовать, как оружие в рукопашной; обвязать им голову, чтобы избежать ядовитого дыма или взгляда Прожорного Заглотозавера с Трааля
</div>
<input type="submit" name="" value="go" id="">
</form>
<div id="dialog" class="button">dialog</div>
<div id="getContent" class="button">get content</div>
<div id="setContent" class="button">set content</div>
<div id="destroy" class="button">destroy</div>
</body>
</html>