smaeal
| ارسال‌هاAsnwers : | 10648 |
| عضویتRegistration date : | 18 /11 /1392 |
| حمایت کردهthanks : | 18906 |
| حمایت شدهThanked : | 5424 |
|
پاسخAnswer 1 : مشکل برای ساخت ادیتور آنلاین
داداش اسکریپت رو کمی جا به جا کردم...ببین کار میکنه؟؟
کد:
<!DOCTYPE HTML><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Html Editor</title>
<style>
body{background-color:#5c5c5c;color:#fff;font-family:Tahoma;font-size:12px;}textarea{background-color:#fff;background-image:url("http://up.makuonline.ir/textra.png");border:1px solid #000;color:#000;direction:ltr;font-size:13px;height:250px;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:7px;resize:none;width:99.1%;}input{background:none repeat scroll 0 0 #fff;border:2px solid #000000;border-radius:4px;color:#000;direction:ltr;font-family:Tahoma;font-size:11px;font-style:normal;font-weight:700;margin-bottom:5px;margin-top:5px;max-width:100%;padding:6px;text-shadow:none;}select{font-size:16px;width:300px;}button{background-color:#fff;border:1px solid #fff;border-radius:3px;color:#000;cursor:pointer;font-family:tahoma;margin-right:5px;margin-top:10px;padding:5px;}button:hover{background-color:#eee;border:1px solid #eee;border-radius:3px;color:#000;margin-right:5px;margin-top:10px;padding:5px;}iframe{background-color:#fff;border:1px solid #000;font-family:tahoma;height:350px;width:100%;}.shorter{direction:ltr;}.shorter small{font-weight:bold;}.emkanat{background:none repeat scroll 0 0 #f3f3f3;border:2px solid #000;border-radius:7px;}a{color:#fff;text-decoration:none;}
/**
* Safari and Opera
*/
::selection {
background: #BCD7A1;
color: #000;
}
/**
* Firefox
*/
::-moz-selection {
background: #BCD7A1;
color: #000;
}
</style>
</head>
<body>
<center>
<fieldset class="emkanat">
<a href="http://makuonline.ir/editor/fa.php"><img width="40" height="40" alt="fa" src="fa.png" style="float: left;"></a>
<img width="40" height="40" alt="jsminify" src="js.png">
<img width="40" height="40" alt="html editor" src="html.png">
<img width="40" height="40" alt="cssminify" src="css.png" onclick="show();hide();">
<img width="40" height="40" alt="text editor" src="texteditor.png" onclick="showtexteditor();">
<!-- ادیتور متن --->
<div style="display:none;" id="showtexteditor">
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<textarea name="edtor" class="ckeditor"></textarea>
</div>
<script type="text/javascript">
function showtexteditor(){document.getElementById("showtexteditor").style.display="block";}
</script>
<!-- ادیتور متن --->
<!-- فشرده سازی و مرتب کردن کدهای css --->
<div style="display:none;" id="showafter">
<form action="#">
<textarea dir="ltr" name="csscod"></textarea>
<br>
<button value="cssgzip" onclick="s=form.csscod.value;s=s.replace(/\n/g,'');s=s.replace(/: /g,':');s=s.replace(/ /g,'');s=s.replace(/ {/g,'{');form.cssgzipcod.value = s; return false;" type="button">Minify CSS</button>
<button value="cssgzip" onclick="s=form.csscod.value;s=s.replace(/}/g,'}\n\n');s=s.replace(/{/g,' {\n');s=s.replace(/;/g,';\n');form.cssgzipcod.value = s; return false;" type="button">beautifier CSS</button>
<br><textarea dir="ltr" name="cssgzipcod"></textarea>
</form>
</div>
<script type="text/javascript">
function show(){document.getElementById("showafter").style.display="block";}
function hide(){document.getElementById("showbefore").style.display="none";}
</script>
<!-- فشرده سازی و مرتب کردن کدهای css --->
</fieldset>
</center>
<script type="text/javascript">
var old = '';
function update() {var textarea = document.f.ta;var d = parent.dynamicframe.document;
if (old != textarea.value){old = textarea.value;d.open();d.write(old);d.close();}
window.setTimeout(update, 130);
}
</script>
<body onload="update(); document.f.ta.select();"><div>
<form name="f" method="post" target="dynamicframe">
<div class="edit-menu">
</div>
<textarea id="canvas" name="ta"></textarea>
</form>
<iframe name="dynamicframe" id="dynamicframe" src="javascript:'-'"></iframe>
<script>
function demo() {document.getElementById('canvas').value=unescape(window.location.hash.slice(1));};window.onchangehash=demo;demo();
</script>
<script src="http://makuonline.ir/lk/js/jquery.min.js"></script>
<script>$(document).ready(function(){$('.btn').live('click',function(e){e.preventDefault();var url = $('#linkfordemo').val();$('.result').html('<img src="http://makuonline.ir/lk/images/loading.gif" />');$.post('http://makuonline.ir/lk/shortener.php',{url:url},function(data){if(data.short != 'invalid') $('.result').html('<a href="'+data.short+'" target="_blank" >'+data.short+'</a>');else $('.result').html('<div class="error">لینک را درست وارد کنید</div>')},'json')})});</script>
<center>
<form id="frm1" action="" method="post">
<input style="display: none;" id="linkfordemo" onclick="this.select();" name="link" onfocus="this.select();" style="direction:ltr;text-align:left;" type="text">
<button class="btn" onclick="document.getElementById('linkfordemo').value='http:\/\/makuonline.ir\/editor\/en.php#'+escape(document.getElementById('canvas').value)+''">create demo & cod link</button>
<button class="btn" onclick="document.getElementById('linkfordemo').value='http:\/\/makuonline.ir\/editor\/demo.html#'+escape(document.getElementById('canvas').value)+''">create demo link</button>
<button class="btn" onclick="document.getElementById('linkfordemo').value='http:\/\/makuonline.ir\/editor\/cod.html#'+escape(document.getElementById('canvas').value)+''">create code link</button>
</form>
<div class="result"></div></center>
<link rel="stylesheet" href="codemirror.css">
<script src="ga.js"></script><script src="codemirror.js"></script>
<script src="javascript.js"></script>
<style>
.CodeMirror {
font-family: monospace;
height: 300px;
}
.CodeMirror-scroll {
overflow: auto;
}
.CodeMirror-lines {
padding: 4px 0;
}
.CodeMirror pre {
padding: 0 4px;
}
.CodeMirror-scrollbar-filler {
background-color: white;
}
.CodeMirror-gutters {
background-color: #000;
border-right: 1px solid #ddd;
}
.CodeMirror-linenumbers {
}
.CodeMirror-linenumber {
color: #fff;
min-width: 20px;
padding: 0 3px 0 0px;
text-align: right;
}
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid black;
z-index: 3;
}
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver;
}
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
background: none repeat scroll 0 0 #7e7;
border: 0 none;
width: auto;
z-index: 1;
}
.CodeMirror div.CodeMirror-cursor.CodeMirror-overwrite {
}
.cm-tab {
display: inline-block;
}
.cm-s-default .cm-keyword {
color: #708;
}
.cm-s-default .cm-atom {
color: #219;
}
.cm-s-default .cm-number {
color: #164;
}
.cm-s-default .cm-def {
color: #00f;
}
.cm-s-default .cm-variable {
color: black;
}
.cm-s-default .cm-variable-2 {
color: #05a;
}
.cm-s-default .cm-variable-3 {
color: #085;
}
.cm-s-default .cm-property {
color: black;
}
.cm-s-default .cm-operator {
color: black;
}
.cm-s-default .cm-comment {
color: #a50;
}
.cm-s-default .cm-string {
color: #a11;
}
.cm-s-default .cm-string-2 {
color: #f50;
}
.cm-s-default .cm-meta {
color: #555;
}
.cm-s-default .cm-error {
color: #f00;
}
.cm-s-default .cm-qualifier {
color: #555;
}
.cm-s-default .cm-builtin {
color: #30a;
}
.cm-s-default .cm-bracket {
color: #997;
}
.cm-s-default .cm-tag {
color: #170;
}
.cm-s-default .cm-attribute {
color: #00c;
}
.cm-s-default .cm-header {
color: blue;
}
.cm-s-default .cm-quote {
color: #090;
}
.cm-s-default .cm-hr {
color: #999;
}
.cm-s-default .cm-link {
color: #00c;
}
.cm-negative {
color: #d44;
}
.cm-positive {
color: #292;
}
.cm-header, .cm-strong {
font-weight: bold;
}
.cm-em {
font-style: italic;
}
.cm-link {
text-decoration: underline;
}
.cm-invalidchar {
color: #f00;
}
div.CodeMirror span.CodeMirror-matchingbracket {
color: #0f0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #f22;
}
.CodeMirror {
background: none repeat scroll 0 0 white;
color: black;
line-height: 1;
overflow: hidden;
position: relative;
}
.CodeMirror-scroll {
height: 100%;
margin-bottom: -30px;
margin-right: -30px;
outline: medium none;
padding-bottom: 30px;
padding-right: 30px;
position: relative;
}
.CodeMirror-sizer {
position: relative;
}
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler {
display: none;
position: absolute;
z-index: 6;
}
.CodeMirror-vscrollbar {
overflow-x: hidden;
overflow-y: scroll;
right: 0;
top: 0;
}
.CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-x: scroll;
overflow-y: hidden;
}
.CodeMirror-scrollbar-filler {
bottom: 0;
right: 0;
z-index: 6;
}
.CodeMirror-gutters {
height: 100%;
left: 0;
padding-bottom: 30px;
position: absolute;
top: 0;
z-index: 3;
}
.CodeMirror-gutter {
display: inline-block;
height: 100%;
margin-bottom: -32px;
padding-bottom: 30px;
}
.CodeMirror-gutter-elt {
cursor: default;
position: absolute;
z-index: 4;
}
.CodeMirror-lines {
cursor: text;
}
.CodeMirror pre {
background: none repeat scroll 0 0 transparent;
border-radius: 0;
border-width: 0;
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
overflow: visible;
position: relative;
white-space: pre;
word-wrap: normal;
z-index: 2;
}
.CodeMirror-wrap pre {
white-space: pre-wrap;
word-break: normal;
word-wrap: break-word;
}
.CodeMirror-linebackground {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.CodeMirror-linewidget {
overflow: auto;
position: relative;
z-index: 2;
}
.CodeMirror-widget {
display: inline-block;
}
.CodeMirror-wrap .CodeMirror-scroll {
overflow-x: hidden;
}
.CodeMirror-measure {
height: 0;
overflow: hidden;
position: absolute;
visibility: hidden;
width: 100%;
}
.CodeMirror-measure pre {
position: static;
}
.CodeMirror div.CodeMirror-cursor {
border-right: medium none;
position: absolute;
visibility: hidden;
width: 0;
}
.CodeMirror-focused div.CodeMirror-cursor {
visibility: visible;
}
.CodeMirror-selected {
background: none repeat scroll 0 0 #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
background: none repeat scroll 0 0 #d7d4f0;
}
.cm-searching {
background: none repeat scroll 0 0 rgba(255, 255, 0, 0.4);
}
.CodeMirror span {
}
@media print {
.CodeMirror div.CodeMirror-cursor {
visibility: hidden;
}
}
</style>
<script src="jquery.js"></script>
<script src="jquery_002.js"></script>
<script>
var the = {
use_codemirror: (!window.location.href.match(/without-codemirror/)),
beautify_in_progress: false,
editor: null // codemirror editor
};
function any(a, b) {
return a || b;
}
function read_settings_from_cookie() {
$('#tabsize').val(any($.cookie('tabsize'), '4'));
$('#brace-style').val(any($.cookie('brace-style'), 'collapse'));
$('#detect-packers').prop('checked', $.cookie('detect-packers') !== 'off');
$('#max-preserve-newlines').val(any($.cookie('max-preserve-newlines'), '5'));
$('#keep-array-indentation').prop('checked', $.cookie('keep-array-indentation') === 'on');
$('#break-chained-methods').prop('checked', $.cookie('break-chained-methods') === 'on');
$('#indent-scripts').val(any($.cookie('indent-scripts'), 'normal'));
$('#space-before-conditional').prop('checked', $.cookie('space-before-conditional') !== 'off');
$('#wrap-line-length').val(any($.cookie('wrap-line-length'), '0'));
$('#unescape-strings').prop('checked', $.cookie('unescape-strings') === 'on');
$('#jslint-happy').prop('checked', $.cookie('jslint-happy') === 'on');
$('#end-with-newline').prop('checked', $.cookie('end-with-newline') === 'on');
}
function store_settings_to_cookie() {
var opts = {
expires: 360
};
$.cookie('tabsize', $('#tabsize').val(), opts);
$.cookie('brace-style', $('#brace-style').val(), opts);
$.cookie('detect-packers', $('#detect-packers').prop('checked') ? 'on' : 'off', opts);
$.cookie('max-preserve-newlines', $('#max-preserve-newlines').val(), opts);
$.cookie('keep-array-indentation', $('#keep-array-indentation').prop('checked') ? 'on' : 'off', opts);
$.cookie('break-chained-methods', $('#break-chained-methods').prop('checked') ? 'on' : 'off', opts);
$.cookie('space-before-conditional', $('#space-before-conditional').prop('checked') ? 'on' : 'off',opts);
$.cookie('unescape-strings', $('#unescape-strings').prop('checked') ? 'on' : 'off', opts);
$.cookie('jslint-happy', $('#jslint-happy').prop('checked') ? 'on' : 'off', opts);
$.cookie('end-with-newline', $('#end-with-newline').prop('checked') ? 'on' : 'off', opts);
$.cookie('wrap-line-length', $('#wrap-line-length').val(), opts);
$.cookie('indent-scripts', $('#indent-scripts').val(), opts);
}
function unpacker_filter(canvas) {
var trailing_comments = '',
comment = '',
unpacked = '',
found = false;
// cut trailing comments
do {
found = false;
if (/^\s*\/\*/.test(canvas)) {
found = true;
comment = canvas.substr(0, canvas.indexOf('*/') + 2);
canvas = canvas.substr(comment.length).replace(/^\s+/, '');
trailing_comments += comment + "\n";
} else if (/^\s*\/\//.test(canvas)) {
found = true;
comment = canvas.match(/^\s*\/\/.*/)[0];
canvas = canvas.substr(comment.length).replace(/^\s+/, '');
trailing_comments += comment + "\n";
}
} while (found);
var unpackers = [P_A_C_K_E_R, Urlencoded, /*JavascriptObfuscator,*/ MyObfuscate];
for (var i = 0; i < unpackers.length; i++) {
if (unpackers.detect(canvas)) {
unpacked = unpackers.unpack(canvas);
if (unpacked != canvas) {
canvas = unpacker_filter(unpacked);
}
}
}
return trailing_comments + canvas;
}
function beautify() {
if (the.beautify_in_progress) return;
store_settings_to_cookie();
the.beautify_in_progress = true;
var canvas = the.editor ? the.editor.getValue() : $('#canvas').val(),
output,
opts = {};
opts.indent_size = $('#tabsize').val();
opts.indent_char = opts.indent_size == 1 ? '\t' : ' ';
opts.max_preserve_newlines = $('#max-preserve-newlines').val();
opts.preserve_newlines = opts.max_preserve_newlines !== "-1";
opts.keep_array_indentation = $('#keep-array-indentation').prop('checked');
opts.break_chained_methods = $('#break-chained-methods').prop('checked');
opts.indent_scripts = $('#indent-scripts').val();
opts.brace_style = $('#brace-style').val();
opts.space_before_conditional = $('#space-before-conditional').prop('checked');
opts.unescape_strings = $('#unescape-strings').prop('checked');
opts.jslint_happy = $('#jslint-happy').prop('checked');
opts.end_with_newline = $('#end-with-newline').prop('checked');
opts.wrap_line_length = $('#wrap-line-length').val();
if (looks_like_html(canvas)) {
output = html_beautify(canvas, opts);
} else {
if ($('#detect-packers').prop('checked')) {
canvas = unpacker_filter(canvas);
}
output = js_beautify(canvas, opts);
}
if (the.editor) {
the.editor.setValue(output);
} else {
$('#canvas').val(output);
}
the.beautify_in_progress = false;
}
function looks_like_html(canvas){
var trimmed = canvas.replace(/^[ \t\n\r]+/, '');
var comment_mark = '<' + '!-' + '-';
return (trimmed && (trimmed.substring(0, 1) === '<' && trimmed.substring(0, 4) !== comment_mark));
}
</script>
<script>
$(function () {
var textArea = $('#canvas')[0];
if (the.use_codemirror && typeof CodeMirror !== 'undefined') {
the.editor = CodeMirror.fromTextArea(textArea, {
theme: 'default',
lineNumbers: true
});
the.editor.focus();
the.editor.setValue(default_text);
$('.CodeMirror').click(function () {
if (the.editor.getValue() == default_text) {
the.editor.setValue('');
}
});
} else {
$('#canvas').val(default_text).bind('click focus', function () {
if ($(this).val() == default_text) {
$(this).val('');
}
}).bind('blur', function () {
if (!$(this).val()) {
$(this).val(default_text);
}
});
}
});
</script>
<div id="testresults"></div>
</body>
</html>
===================================================
 ☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼
|
حمایت شده: