نحوه درج کُد در وبلاگ های فارسی توسط ابزار Windows Live Writer

زمانی که تصمیم دارید تا کُدهای زبانهای برنامه نویسی رو در وبلاگهای فارسی زبان مثل وبلاگهای این سایت، که صفحات آن به صورت RTL یا راست به چپ تنظیم شده اند، درج کنید، ممکن است این کدها به خاطر خاصیت RTL صفحات، به درستی نمایش داده نشوند! برای نمایش صحیح آنها موارد زیر رو انجام بدید :

۱- ابتدا فایل Add-on یا Plug-in مربوط به اضافه کردن کدها رو از آدرس زیر دانلود و نصب کنید.

http://gallery.live.com/liveItemDetail.aspx?li=d4409446-af7f-42ec-aa20-78aa5bac4748&l=8

۲- سپس هنگامی که تصمیم دارید تا کُدی رو به مطلب وبلاگتون اضافه کنید، از منوی Insert برنامه Live Writer بر روی Code Snippet… کلیک نمایید.

۳- پنجره پلاگین مربوطه باز خواهد شد. کد خود را در قسمت بالایی پنجره کپی کنید. سپس در قسمت Formatted Code Snippet همه گزینه های موجود رو غیر فعال کنید و فقط گزینه Embed Styles را در حالت فعال (انتخاب)  قرار دهید. شکل زیر :

codesnippet

حال پنجره را با OK ببندید.

۴- از منوی view برنامه live writer، گزینه HTML Code را انتخاب نمایید. نوشته های شما در حالت کد نمایش داده میشود. هر جا که تگ <div> را مشاهده کردید و مربوط به کدی که اضافه کردید بود، آنرا به صورت <div dir=ltr> تغییر دهید. و هر جا تگ <pre> را مشاهده کردید در قسمت Style این تگ direction:ltr; را اضافه کنید.

۵- حال با زدن کلید F11 وارد نمایش اصلی مطلب خود شوید.

۶- مطلب خود را Publish نمایید.

۷- حال وارد وبلاگ خود شده، مشاهده خواهید کرد که کدهای موجود درمطلب شما به درستی نمایش داده شده اند.

یادآوری : نحوه نصب برنامه Live Writer 2007 رو قبلاً در این پُست تشریح کردم.

 

موفق باشید.

پاسخ دهید