پی سی دی ال چند روز پیش برای کاربران خود کد ویراستار اچتی ام الی را آماده کرد که این طور معلومه طرفداران زیادی هم دارد و اکنون به خواسته یکی از کاربرانش یک امکان جدیدی به آن اضافه کرد و به نام ورژن دو این ابزار کدی پخش کرد و کاربران با استفاده از این ابزار در وبلاگ یا سایتشان علاوه بر این که یک ادیتور در داخل سایت خود دارند بلکه به کمک آن میتوانند لینکی هم از آن بگیرند تا به عنوان پیش نمایش از آن استفاده کنند و در سایت خود قرار دهند و یا کاربرانشان از این ابزار برای پیشنمایش در سایت خود استفاده کنند.
برای مشاهده دمو + ویراستار کد سایت پی سی دی ال اینجا کلیک کنید.
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Site HTML Editor</title></head><body><style>body{background:#0FF}#pi3idleditorcode{width:25%;position:fixed;top:2%;left:2%;border:1px dashed #333;border-radius: 5px 5px 5px 5px;height:96%;direction:ltr;background: -moz-linear-gradient(90deg, #CCC, #FFF);}#pi3idleditorpreviw{width:70%;position:fixed;top:2%;right:2%;border:1px dashed #333;border-radius: 5px 5px 5px 5px;height:96%;background: -moz-linear-gradient(90deg, #CCC, #FFF);}.savecode{position:fixed; right:0px; bottom:0px; background-color:#CCC; border-left:1px solid #FF0; border-top:1px solid #FF0; border-radius:3px 0px 0px 0px; padding:5px;}#savingcode{box-shadow:#000 0px 0px 5px;border-radius:1px 1px 1px 1px;position:fixed;top:20%;left:30%;padding:20px 20px 20px 20px;display:none;overflow-y:scroll;width:40%;height:60%;opacity:0.9;background: -moz-linear-gradient(90deg, #CCC, #FFF);direction:rtl;font:11px 'tahoma';}input{font-family:'tahoma';font-size:10px;}#pi3idldemourl{width:100%; height:100%; direction:ltr}</style><script>function pi3idleditorview(){pi3idleditorpreviw.document.open();pi3idleditorpreviw.document.write(document.getElementById('pi3idleditorcode').value);pi3idleditorpreviw.document.close();}function demo(){var url = document.URL;url = url.substring(url.indexOf("$$"), url.indexOf("$$$"));url = url.replace('$$','');url = unescape(url);document.getElementById('pi3idleditorcode').value = url;pi3idleditorview();var url = document.URL;url = url.substring(url.indexOf("##"), url.indexOf("###"));url = url.replace('##','');if (url=='1'){document.write(document.getElementById('pi3idleditorcode').value);}}window.onload=demo;function pi3idlmkurl(){document.getElementById('savingcode').style.display = 'block';document.getElementById('pi3idldemourl').value = document.URL + '#$$' + escape(document.getElementById('pi3idleditorcode').value) + '$$$';}function pi3idlmkurlnew(){document.getElementById('savingcode').style.display = 'block';document.getElementById('pi3idldemourl').value = document.URL + '#$$' + escape(document.getElementById('pi3idleditorcode').value) + '$$$##1###';}</script><textarea id="pi3idleditorcode" placeholder="Put youre Code Here" onkeyup="pi3idleditorview()"></textarea><iframe id="pi3idleditorpreviw" name="pi3idleditorpreviw"></iframe><br /><h1><a href="http://www.pi3idl.com" style="position:fixed; top:-1000%">کد ویراستار سایت</a></h1><div class="savecode"><input type="button" value="ساخت آدرس دمو" onclick="pi3idlmkurl()" /><input type="button" value="ساخت آدرس دمو بدون ویراستار کد" onclick="pi3idlmkurlnew()" /></div><div id="savingcode"><input type="button" value="X" onclick="document.getElementById('savingcode').style.display = 'none'" /><textarea id="pi3idldemourl"></textarea></div></body></html> |
واقعا عالی بود . کمال تشکر رو دارم از مدیریت محترم . با آرزوی موفقیت روز افزون
نظراتون باعث دلگرمی ما میشه
خواهش میشه ، یه سوال ، وقتی خروجی میگیریم و لینک دمو بهمون میده ، این آدرس کجای هاست ذخیره میشه!؟
این لینک جایی ذخیره نمیشه واسه همین داخل وبلاگ هم قابل اجرا هست. و این که چطور این آدرس رو باز میکنه دلیلش اینه که توجه کرده باشی کدت بعد آدرست قرار میگیره و با جاوااسکریپت این رو نمایش میده
جدی؟ چقدر جالب . بازم تشکر میکنم از وب سایت خوبتون
خواهش میکنم