کد راست چین کردن متون در چت جی پی تی نسخه ویندوز

رفع مشکل راست‌چین بودن متن فارسی در ChatGPT با CSS

اگر از ChatGPT در ویندوز استفاده می‌کنید، احتمالاً متوجه شده‌اید که رابط کاربری آن به‌صورت پیش‌فرض چپ‌به‌راست (LTR) است. این باعث می‌شود متن‌های فارسی به‌درستی راست‌چین نشوند و خوانایی کاهش یابد.

یک راه‌حل ساده با CSS ممکن است متن را راست‌چین کند، اما اغلب باعث به‌هم‌ریختگی پیام‌ها و بلوک‌های کد می‌شود. برای حل کامل این مشکل، می‌توانید از کد زیر استفاده کنید:

/* خود input اصلی (contenteditable) */
div[contenteditable="true"] {
    direction: rtl !important;
    text-align: right !important;
    unicode-bidi: plaintext !important;
}

/* wrapper های اطراف input (برای جلوگیری از override شدن) */
form div:has(div[contenteditable="true"]) {
    direction: rtl !important;
    text-align: right !important;
}

/* placeholder داخلی */
div[contenteditable="true"]::placeholder {
    direction: rtl !important;
    text-align: right !important;
}

/* =====================================
   RTL فقط برای متن پیام‌ها
   ===================================== */

.markdown,
.markdown p,
.markdown li,
.markdown ul,
.markdown ol {
    direction: rtl !important;
    text-align: right !important;
}

/* =====================================
   Code blocks – ALWAYS LTR
   ===================================== */

pre,
pre code,
code {
    direction: ltr !important;
    text-align: left !important;
    white-space: pre !important;
    font-family: Consolas, Monaco, "Courier New", monospace !important;
}

pre * {
    direction: ltr !important;
    unicode-bidi: embed !important;
}
/* پاک کردن تنظیمات پیش‌فرض --rtl-direction روی پیام کاربر */
div[data-message-author-role="user"] {
    --rtl-direction: unset !important;
    direction: rtl !important;
    text-align: right !important;
}

این کد چه کاری انجام می‌دهد؟

• تمام متن‌های چت را راست‌چین و راست‌به‌چپ می‌کند.
• ورودی پیام و textarea را برای زبان فارسی سازگار می‌کند.
• بلوک‌های کد را چپ‌به‌راست نگه می‌دارد تا به‌هم‌ریختگی رخ ندهد.
• تجربه کاربری خوانا و استاندارد فراهم می‌کند.

چگونه استفاده کنیم:

1. افزونه Stylus را روی مرورگر نصب کنید.
2. وارد سایت ChatGPT شوید.
3. یک Style جدید در Stylus بسازید.
4. کد CSS بالا را وارد و ذخیره کنید.
5. Style را فعال کنید.

پس از این مراحل، رابط ChatGPT کاملاً راست‌چین و فارسی خواهد شد، بدون هیچ اختلالی در نمایش کدها.

مزایای این روش:

• سبک و بدون افزونه یا اسکریپت اضافی
• فقط روی دامنه ChatGPT اعمال می‌شود
• قابلیت شخصی‌سازی دارد
• مناسب کاربران فارسی‌زبان و تولیدکنندگان محتوای فنی

جمع‌بندی:
با این CSS، تجربه کار با ChatGPT راحت، خوانا و حرفه‌ای خواهد شد و متن‌های فارسی و کدها به‌درستی نمایش داده می‌شوند.