Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

رد و بدل کردن کد در اینترنت با ابزار های moisrex

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

برای رد و بدل کردن کدهای کم حجم در اینترنت چه کار می کنید؟

  • آن را در یک فایل zip یا rar گذاشته و آپلود می کنیم.
  • آن را در یک فایل txt یا html گذاشته و آپلود می کنیم.
  • آن را به صورت مستقیم در اینترنت برای کاربر ارسال می کنیم.
  • آن را ...

از کدام توعید؟

اگر آن را در فایل های zip rar txt html آپلود می کنید علاوه بر تلف کردن وقت برای آپلود وقت طرف مقابل را برای دانلود نیز تلف کرده اید. علاوه بر این باز کردن آپلود سنتر که اکثرا یوزر و پسورد نیاز دارند وقت می برد. یا حتی مشکلاتی مانند utf-8 نبودن متن های درون html و txt مشکلاتی را بوجود می آورند.

اگر هم کدهای سبک حجم را به صورت مستقیم برای طرف مثابل ارسال می کنید (مانند ارسال تاپیک ها در انجمن ها که اکثرا با مشکل روبرو هستند و کد را به درستی ارسال نمی کنند و ارسال ایمیل و ...) مطمئنا با این مشکل که کدی که ارسال می کنید با نحوی که در موقع ارسال می دیدید تفاوت دارد ، روبرو شدید. این مشکل ها اغلب در انجمن ها بوجود می آید. حتی موقع ارسال مطلب در وبلاگ ها و حتی سایت هایی که با وردپرس و جوملا و دیتالایف انجین و ... مدیریت می شوند نیز مشکلات زیادی هست. مخصوصا موقع ویرایش پستی که ارسال شده است.

مشکل ارسال کد در وب ها چیست؟

این مشکل که وقتی کدی را ارسال می کنیم و موقع ویرایش دوباره آن متوجه می شویم که کدی که در درون textarea قرار داده شده است بعد از اتمام کد بقیه متون بعد از textarea به بیرون از ادیتور منتقل می شوند و در ویرایش مطلب اختلال ایجاد می کنند ، از وجود دو تگ textarea در هم می باشد. برای حل این مشکل (برای دارندگان سایت ها و سیستم های وب دهی) نیز فقط کافیست متن درون ادیتور را به جای کاراکتر های <و > از کد HTML آنها استفاده شود که فقط کافیست که از replace استفاده کنید. با وجود این راه حل ساده کمتر سیستم وب دهی را میتوان دید که این مشکل را نداشته باشد.

راه حل ارسال کد در اینترنت چیست؟

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

استفاده از ابزار آزمایش کدهای HTML

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

آزمایش کد های HTML

اما مسئله ای وجود دارد: این لینک بسیار طولانی است. لینکی که به شما داده می شود بسیار بلند است و مشکل می توان آن را در اینترنت برای دیگران فرستاد. شما می توانید برای حل این مشکل از کوتاه کننده های لینک استفاده کنید. در زیر یک کوتاه کننده لینک که توسط خود moisrex اداره می شود را مشاهده کنید:

کوتاه کننده لینک کدستان

استفاده از ابزار Microsoft Expression Web 4

این ابزار نیز توسط moisrex ساخته شده است که می توانید اطلاعات بیشتر را درباره این ابزار از اینجا مطالعه کنید:

رونمایی از ابزار Microsoft expression Web 4

این ابزار نیز مانند ابزار قبلی است ولی تفاوت هایی دارد که بهتر است خودتان ببینید.

برای دیدن نسخه آنلاین این نرم افزار اینجا کلیک کنید.

استفاده از سایت کوتاه کننده لینک کدستان

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

کوتاه کننده لینک کدستان

راستی من متوجه قسمت لود وبلاگ شدم. خیلی برام جالب بود، تا به حال همچنین چیزی ندیده بودم!
از چیزی مانند
document.getElementsByTagName('html')[0].innerHTML.length / 1024
استفاده کردین؟ یا چیز دیگه ای؟ البته الان میرم که سورسشو ببینم!
راستی استایل این جعبه متن نظرات چیز زیبایی هست. از صفحه جستجوی گوگل گرفتین دیگه، نه؟
پیشنهاد میکنم که از سی اس اس های طراحی کلید های توئیتر هم استفاده کنید.
راستی یادتون رفته، باید این رو هم برای زبان فارسی اضافه کنین:
direction: rtl;

پاسخ: ltr رو برای ابزار هایی که ساختم گذاشتم.
از documentElement استفاده می کنم که در مرورگرایی مانند کروم حتی فایل های خارجی رو هم در نظر میگیره.
وی تی ان و قندشکن ندارم که برم توئیتر.
استایل گوگل هست ولی کمی تغییرش دادم.
جالب بود
باتشکر
آقا محمد این کوتاه کننده ات خیلی قشنگ شده!
پاسخ : ممنون ...
ممنون خوب بود

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
کلاس های آنلاین فعال

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

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36624
افراد آنلاین : 6
بازدید امروز : 144
بازدید دیروز : 1,547
گوگل امروز : 8
گوگل دیروز : 182
بازدید هفته : 6,859
بازدید ماه : 20,179
بازدید سال : 405,802
بازدید کلی : 10,800,278