کد ادیتور بسیار قوی با کدی کوچک

این کد جالب با استفاده از html و javascript ساخته شده است. اینطور که با گذاشتن contenteditable="true" باعث شده ایم که شما با استفاده از مرورگر بتوانید آن تگ را ویرایش کنید و با استفاده از جاوا اسکریپت کد درون آن تگ را به شما می دهد.

این کد بسیار با ارزش است و شما می توانید به راحتی کد نویسی را از مرورگر خود آغاز کنید. برای مثال شما می توانید عکسی که در مکانی وجود دارد را انتخاب کرده و کپی کنید. سپس روی تگ مشخص شده کلیک کرده و متن درون آن باکس را خالی کنید. با این کار شما می توانید به راحتی با پیست کردن تصویر کپی شده (می توانید از Ctrl+U استفاده کنید) را در تگ مشخص شده گذاشته و با زدن دکمه نمایش کد ، به کد مورد نظر خود برسید.

البته ممکن است در بعضی از مرورگر ها عمل نکند که تا الآن که این مطلب را می نویسم چنین مرورگری را پیدا نکرده ام.

دمو:

<div id="moisrexinnerHTML" contenteditable="true">click here and change the text. <br>creat by <a href="http:/moisrex.rozblog.com">www.moisrex.rozblog.com</a></div><center><button onclick="document.getElementById('moisrex').value=document.getElementById('moisrexinnerHTML').innerHTML;">نمایش کد</button><br><textarea id="moisrex"></textarea></center>