نحوه فارسی سازی اعداد در کل سایت با استفاده از فونت و کتابخانه Javascript

نحوه فارسی سازی اعداد در کل سایت با استفاده از فونت و کتابخانه Javascript


نمایش اعداد به صورت فارسی در کل سایت:

شاید بخواهید در وبسایتتان اعداد به جای نمایش انگلیسی (1,2,3) به صورت فارسی (۱,۲,۳) نمایش داده شوند.برای حل این مشکل هم باید تغییراتی در Css و هم تغییراتی در خود کاراکتر های عددی ایجاد کنید

1- یک فونت فارسی (مثل IRANSans) را باید توسط font-face به CSS داستان خود اضافه کنید که اگر روی کامپیوتر یا گوشی کاربر نبود درست دیده شود

@font-face {font-family: IRANSans;font-style: normal;src: url('../fonts/IRANSans/IRANSans.eot');

نکته : سایر فونت های B و IR فونت های مخصوص نوشتاری هستند و برای وب مشکلاتی دارند و بهتر است از فونت های بهینه شده برای وب استفاده کنیدمانند : BBCNassim, IRANSans, ArabicNaskh و یا فونت های اصلاح شده Titr, Yekan, Trafic و ...

2- همانطور که میدانید کد اسکی (ASCII) اعداد انگلیسی با فارسی متفاوت استبرای تغییر کارکتر اعداد انگلیسی به فارسی به طور کلی 2 راه وجود دارد.

 الف - تغییر در سمت سرور و به هنگام رندر شدن صفحهب - تغییر در سمت کلاینت توسط جاواسکریپت کتابخانه جاواسکریپتی کار سمت کلاینت آن را انجام می دهدhttps://github.com/Maghrooni/persianNumbers

مثال : خروجی متد persianNumbers همیشه اعداد با کاراکتر ها فارسی را نمایش میدهد

 $.persianNumbers("این متن شامل اعداد1234 فارسی می باشد 12344")

ولی هدف ما در اینجا تغییر اعداد انگیسی به معادل فارسی آن در سمت سرور است برای Asp.net mvcبرای این کار نیز روش های مختلفی وجود دارد که 2 مورد از آنها را آورده ام

1- کتابخانه En2FaConvertor.cs را از این لینک دانلود و به پروژه خود اضافه کنیداین کلاس یک ActionFiter است و وظیفه آن تبدیل اعداد به فارسی در زمان Exectue شدن اکشن (در متد OnResultExecuted) می باشد.نکته : فراموش نکنید که این Filter را به صورت سراسری در متد Application_Start اضافه کنید تا در کل پروژه برای همه اکشن ها اعمال شود

2- کتابخانه En2FaViewResult.cs را از این لینک دانلود و به پروژه خود اضافه کنیداین کلاس یک ViewResult (نوعی از ActionResult) می باشد که وظیفه آن نیز تبدیل اعداد به فارسی به هنگان رند شدن View می باشدنکته : برای استفاده از آن فقط کافیست نوع خروجی اکشن خود را En2FaViewResult قرار دهید.مقاله زیر توانسته با استفاده از همین روش در ActionFilter ها، کلمات کلیدی دلخواه خود را رد صفحه Highlight کند.به عنوان مثال از این روش میتوانید برای Highlight کردن کلمه سرچ شده به هنگام نمایش نتایج جستجو به کاربر استفاده کنید.

http://goo.gl/Q2ySaM


ارسال دیدگاه

دیدگاه ها (1)

Gravatar image
حسین
0
چهارشنبه,3 آذر 1395-16:39

زمانی که کلاس را اضافه میکنیم فرمت صفحه را به هم میریزد