کد ادیتور آنلاین برای کد های html

این ابزار جالب به شما امکان می دهد که هر کدی را که بخواهید در هر مکانی کپی کرده و یا در همان مکان تایپ کنید و کد آن را دریافت نمایید.

این ابزار با استفاده از جاوا اسکریپت ساخته شده است. برای دیدن اطلاعات بیشتر در مورد نحوه کار این ابزار اینجا کلیک کنید.

برای دیدن دمو اینجا کلیک کنید.

این کد را در صفحه ای جدا بگذارید:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>ویرایشگر آنلاین</title> <script> function id(ids){return document.getElementById(ids).value} function add(thisismoisrex){ var html=window.open('','moisrexinnerHTML'); html.document.body.innerHTML+=thisismoisrex; } function alink(){ document.getElementById('link').style.display='block'; } function addlink(){ document.getElementById('moisrexinnerHTML').innerHTML+='<a href="'+id('addresslink')+'" title="'+id('titlelink')+'" target="'+id('maghsad')+'">'+id('namelink')+'</a>'; document.getElementById('link').style.display='none'; } function aks(){ var html=window.open('','moisrexinnerHTML'); html.document.write('<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><title>www.moisrex.rozblog.com</title></head><body contenteditable="true">'+id('moisrex')+'</body></html>'); html.document.close(); } function rtlsazi(){ var html=window.open('','moisrexinnerHTML'); html.document.body.innerHTML='<div style="direction:rtl;text-align:right;font:11px tahoma;">'+html.document.body.innerHTML+'</div>'; } function moisrexonchage(){ var html=window.open('','moisrexinnerHTML'); document.getElementById('moisrex').value=html.document.body.innerHTML; } function ssdmoisrex(){ var html=window.open('','moisrexinnerHTML'); document.getElementById('moisrex').value=html.document.body.innerHTML; html.document.write('<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><title>www.moisrex.rozblog.com</title></head><body contenteditable="true"></body></html>'); html.document.close(); } window.onload=ssdmoisrex; </script> <style> #moisrexinnerHTML{ border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -khtml-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; width:80%; } #moisrexinnerHTML:focus{ border-color:#555; } #moisrex{ width:500px; font:10px Comic Sans MS,tahoma; direction:ltr; color:#333; height:300px; } .rtl{ font:11px tahoma; direction:rtl; } .rtl button{ font:11px tahoma; border:1px darkblue solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; color:#fff; background-color:royalblue; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -khtml-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; padding:5px; margin:5px; cursor:pointer; } .rtl button:hover{ background:green; } .rtl input,select{ width:200px; border:1px #666 solid; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -khtml-border-radius:3px; font:11px tahoma; margin:5px; } #link{ display:none; position:fixed; width:400px; height:200px; padding:10px; border:1px #ccc solid; background:#eee; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; top:50%; left:50%; margin:-100px 0 0 -200px; box-shadow:0 0 10px; -moz-box-shadow:0 0 10px; -o-box-shadow:0 0 10px; -ms-box-shadow:0 0 10px; -webkit-box-shadow:0 0 10px; -khtml-box-shadow:0 0 10px; } .close{ cursor:pointer; float:left; width:30px; height:30px; } </style> </head> <body> <div id="link" class="rtl"> <img onclick="document.getElementById('link').style.display='none';" class="close" src="http://www.hachettebookgroup.com/features/ironman2/common/images/modal/close.png" alt=" X "> <table><tr><td>آدرس لینک: </td> <td><input dir="ltr" type="text" id="addresslink"></td></tr><tr> <td>متن لینک:</td> <td><input type="text" id="namelink"></td></tr><tr> <td>عنوان (title) لینک:</td> <td><input type="text" id="titlelink"></td></tr><tr> <td>مقصد :</td> <td><select id="maghsad"> <option selected="selected" value="">در همان صفحه باز شود</option> <option value="_blank">در صفحه جدید باز شود (_blank)</option> <option value="_top">بالاترین پنجره (_top)</option> <option value="_self">همان پنجره (_self)</option> <option value="_parent">پنجره اصلی (_parent)</option> </select> </td></tr></table> <p></p> <center><button onclick="addlink()">اضافه کردن لینک</button></center> </div> <center class="rtl"> <button onclick="add('<hr>')">خط افقی</button> <button onclick="alink()">اضافه کردن لینک</button> <button onclick="rtlsazi()">فارسی سازی</button> <iframe contenteditable="true" name="moisrexinnerHTML" id="moisrexinnerHTML" src=""></iframe><br><br> <button onclick="moisrexonchage();">نمایش کد ↓</button> <button onclick="aks();">نمایش نتیجه ↑</button> <br> <textarea onchange="aks();" id="moisrex"><div style="font:12px Comic Sans MS,Aria,Tahoma;">click here and change the text. <br>creat by<a href="http:/moisrex.rozblog.com">www.moisrex.rozblog.com</a></div> </textarea> </center> <div style="position:absolute;top:10px;"><a style="font:11px tahoma;color:royalblue;text-decoration:none;" href="http://moisrex.rozblog.com/">طراح ادیتور</a></div> </body> </html>

0 نظر

3737 بازدید

جمعه 21 مهر 1391 - 15:56

کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

آموزش PHP - جلسه اول

پنجشنبه 04 تیر 1394 - 17:00

هیچ کلاس فعالی موجود نیست.

کاربران آنلاین

آمار

مطالب : 792
نظرات : 4504
تعداد اعضا : 37335
افراد آنلاین : 51
بازدید امروز : 290
بازدید دیروز : 1,659
گوگل امروز : 2
گوگل دیروز : 29
بازدید هفته : 1,949
بازدید ماه : 1,949
بازدید سال : 270,597
بازدید کلی : 14,270,934

عنوان کد:
توضیحات: