کدگذار HTML
موجودیت های HTML را برای قطعه های کد یا ورودی کاربر به صورت امن کدگذاری یا رمزگشایی کنید. رایگان.
نحوه استفاده
- در کادر ورودی کد خام HTML را بچسبانید یا بنویسید — هر چیزی که < یا > یا & یا نقل قول داشته باشد.
- برای تبدیل کاراکترهای ویژه به موجودیت های امن HTML کدگذاری را انتخاب کنید (مثلا < می شود <)، یا برای تبدیل موجودیت ها به کاراکترهای معمولی رمزگشایی کنید.
- برای پردازش فوری متن خود در مرورگر روی دکمه کدگذاری یا رمزگشایی کلیک کنید.
- نتیجه را با یک کلیک کپی کنید، یا به عنوان فائل .txt برای استفاده در پروژه خود دانلود کنید.
سوالات متداول
آیا این واقعا رایگان است؟
بله — هر ابزار این سایت 100% رایگان است، بدون محدودیت، بدون ثبت نام و بدون واترمارک.
آیا داده های من خصوصی است؟
قطعا. همه پردازش به صورت محلی در مرورگر شما انجام می شود. فایل های شما هرگز به هیچ سروری بارگذاری نمی شوند.
کدگذاری HTML در واقع چه می کند؟
کدگذاری HTML کاراکترهای ویژه مثل < و > و & و نقل قول ها را به موجودیت های HTML مثل < و > و & و " و ' تبدیل می کند. این مرورگر را از درک متن شما به عنوان برچسب باز می دارد، که هنگام نمایش ورودی کاربر یا نمونه های کد در صفحه وب ضروری است.
چه زمانی به جای رمزگشایی کدگذاری کنم؟
کدگذاری کنید وقتی می خواهید کد یا متن خام را داخل HTML به صورت امن نشان دهید — مثلا نمایش <div> به عنوان متن قابل مشاهده در درسی. و رمزگشایی کنید وقتی متن کدگذاری شده با موجودیت (مثل &) دارید و کاراکترهای اصلی را برای ویرایش یا پردازش پس می خواهید.
آیا این از حملات XSS محافظت می کند؟
کدگذاری ورودی کاربر پیش از گنجاندن در HTML یکی از دفاع های استاندارد در برابر اسکریپت نویسی بین سایتی (XSS) است. اما محافظت درست XSS به زمینه هم بستگی دارد (متن HTML، ویژگی ها و جاوا اسکریپت) — فقط کدگذاری برای داده نامعتبر راه حل امنیتی کاملی نیست.
کدام کاراکترها کدگذاری می شوند؟
پنج کاراکتری که در HTML معنا دارند کدگذاری می شوند: امپرسند (&)، کوچک تر از (<)، بزرگ تر از (>)، نقل قول دوتایی و نقل قول تکی. جایی که استاندارد باشند موجودیت های نامدار استفاده می شوند (& و < و > و ") و در بقیه موجودیت های عددی.
کدگذار HTML — راهنمای کامل
نمایش کد خام یا متن ساخته شده توسط کاربر در صفحه وب آسان به نظر می رسد، اما یک < می تواند کل چیدمان شما را بشکند — یا بدتر، حفره امنیتی باز کند. این کدگذار HTML کاراکترهای ویژه را موجودیت های HTML تبدیل می کند، نمایش های متنی امنی که مرورگر به جای درک به عنوان برچسب، به صورت تحت اللفظی نشان می دهد.
این چگونه کار می کند
کلیک روی کدگذاری هر کاراکتر معنادار را تبدیل می کند: & می شود &، و < می شود <، و > می شود >و نقل قول ها می شوند " یا '. و امپرسند همیشه اول کدگذاری می شود، چون کدگذاری آن در آخر موجودیت های تازه ساخته شده را دوتایی کدگذاری می کند. و رمزگشایی این روند را برعکس می کند، موجودیت ها را به کاراکترهای اصلی شان برمی گرداند.
استفاده عمومی
وبلاگ نویسی و آموزش: قطعه های HTML و CSS یا جاوا اسکریپت را <pre> یا <code> به صورت متن خوانا داخل بلوک ها نشان دهید، بدون اینکه مرورگر آنها را اجرا کند. سیستم های نظر و انجمن ها: محتوای ارسال شده توسط کاربر را پیش از نمایش کدگذاری کنید تا <script> نظر بی ضرر به صورت متن ظاهر شود. قالب های ایمیل: بسیاری از مشتریان ایمیل براکت های زاویه دار خام را خراب می کنند؛ موجودیت ها در سفر امن می مانند. انتقال محتوای CMS: وقتی محتوا را بین سیستم هایی منتقل می کنید که متن را به روش های مختلف ذخیره می کنند، موجودیت ها را رمزگشایی کنید.
نکاتی برای بهترین نتایج
در نقطه خروجی یک بار کدگذاری کنید — کدگذاری متن از پیش کدگذاری شده آشغال قابل مشاهده ای مثل &lt;. اگر با چارچوب سایتی می سازید، بررسی کنید آیا خروجی را خود گریز می کند (React و Vue و بیشتر موتورهای قالب این کار را می کنند)؛ کدگذاری دستی اساسا برای HTML/JS ساده یا سیستم های قدیمی لازم است. برای سندهای بزرگ به صورت بخشی کدگذاری کنید تا بتوانید خروجی را بررسی کنید، و همیشه صفحه نمایش داده شده را در مرورگر واقعی آزمایش کنید به جای اینکه به نمای منبع خام تکیه کنید.
کدگذاری HTML در برابر گریز جاوا اسکریپت
توجه کنید که کدگذاری موجودیت HTML با گریز رشته جاوا اسکریپت یا کدگذاری لینک متفاوت است — هر یک پارسر متفاوتی را هدف می گیرد. برای زمینه HTML از این ابزار استفاده کنید؛ برای لینک ها از کدگذار لینک استفاده کنید، و برای رشته های جاوا اسکریپت JSON.stringify یا به گریز داخلی چارچوب خود تکیه کنید. مخلوط کردن آنها منبع کلاسیک خطاهای کدگذاری دوتایی است.