4 ویرایشگر آنلاین برتر برای کدهای HTML و CSS و Javascript

- visibility ٧ mode_comment

با سلام خدمت همه دوستان سون لرنی عزیز

امروز میخوام 4 سایت بسیار عالی رو که ویرایشگر آنلاین کدهای تحت وب هستند، به شما معرفی کنم که با استفاده از اونا میتونین بصورت آنلاین کدهاتون رو ویرایش کنید و در همان لحظه خروجی کدهاتون رو ببینید. این سایتا امکانات زیادی رو در اختیارتون قرار میدن که بهشون اشاره ی مختصری میکنم.

بهتره از اول به این نکته اشاره کنم که بعضی از این سایتا نیاز به ثبت نام داره و بعضیاشونم نداره. ولی بنظر من درون همشون ثبت نام کنید چون امکانات بیشتری در اختیارتون قرار میگیره.

از مزیتی که این سایتا دارند قابلیت Save کردن اونا هست. به این صورت که شما کدهاتون رو در بخش های مورد نظر قرار میدین و خروجی میگیرین. حالا میتونین این کدهارو Save کنید. با این کار خود سایت لینکی رو در اختیارتون قرار میده که با استفاده از اون لینک میتونین این کد رو به اشتراک بزارین و بیشتر به درد آموزش از راه دور میخوره.

خیلی کاربردها و مزیت های دیگه هم دارند که خودتون با بیشتر کار کردن با اونها بهشون مسلط میشید.

خب بریم سراغ معرفی این سایتا.

1. CodePen

codepen_split

 

 

2. JSFiddle

jsfiddle

 

3. JSBin

jsbin

 

4. Dabblet

dabblet

 

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

امیدوارم بدردتون بخوره.

موفق باشید.یا علی

comment دیدگاه کاربران
eli

سلام واقعا مطالب عالی است.ممنون

افشین زندی

سلام
ممنون بابت مقاله خوبتون
ببخشید برای سایتای وردپرسی همچین پلاگینی وجود داره؟ که بشه تو محتوا، مثلا همین صفحه کد های مختلف رو گذاشت و پیش نمایش اون رو هم دید و یا کاربر بتونه کد ها رو ویرایش کنه؟

محمد اسفندیاری

منظورتون رو دقیقا متوجه نشدم ولی شما مثلا میتونین یک کد رو درون Codepen بنویسید و اون رو درون سایت خودتون Embed کنید تا دیگر کاربران اون رو ببینن.

افشین زندی

خیلی ممنون از جوابتون. تست کردم الان. تقریبا همون چیزیه که مد نظرمه
فقط اینکه این سرویس محدودیتی برای آی پی ایران که نداره؟
و اینکه من میخوام کاربر بتونه تو همون پست سایت اون کد ها رو ویرایش و نتیجه تغییر رو ببینه؟ میشه برای این مورد هم راهنمایی کنید؟

محمد اسفندیاری

برای ایران محدودیتی نداره ولی اگر بخواید کاری کنید که کاربران بتونن اون رو ویرایش کنن و … باید پول پرداخت کنید و اکانت Codepen خودتون رو Professional کنید
با Pro کردن اکانت امکانات زیاد دیگه ای هم در اختیارتون قرار داده میشه که خیلی بدرد بخور هست
در این لینک میتونین اطلاعات بیشتری بدست بیارید
http://codepen.io/pro/

افشین زندی

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

محمد اسفندیاری

بله پیدا کردم چشم
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.