مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
آموزش استفاده از رنگی کننده کدها code mirror

آموزش استفاده از رنگی کننده کدها ( Code Mirror )
سلام.
یکی از امکاناتی که مای‌بی‌بی داره رنگی کننده پیشرفته کدها هست که مای‌بی‌بی از سیستم کدپرس (Code Press) برای اینکار استفاده می‌کنه که زیاد چیزجالبی نیست این. (ناسازگاری با تعداد زیادی از مرورگرهای مدرن و ...)
به همین دلیل در نسخه جدید مای‌بی‌بی که در آینده‌ای نه‌چندان دور ارائه خواهد شد از سیستم پیشرفته تر کد میرور (Code Mirror) برای اینکار استفاده می‌شود.

حال در اینجا می‌خوام بهتون آموزش بدهم چگونه از رنگی کننده پیشرفته کدها Code Mirror استفاده کنید.

نویسنده: AliReza_Tofighi

۱) ابتدا فایل زیر رو دریافت کرده و در مسیر نصب مای‌بی‌بی آپلود کنید. (توجه کنید که اگر پوشه ادمین رو تغییر دادید پوشه ادمین این پیوست رو هم متناسب با اون تغییر بدید.) - (در این فایل سیستم CodeMirror که برای MyBB 1.8 استفاده شده می‌باشد.)

.zip   CodeMirrorForMyBB.zip (اندازه 98.98 KB / تعداد دانلود: 53)
۲) حالا باید کاری کنیم که به جای CodePress از CodeMirror استفاده کنه. برای اینکار فایل admin/jscripts/codepress/codepress.js رو ویرایش کنید و به کد زیر تبدیل کنید:
کد پی‌اچ‌پی:
CodePress = function(obj) {

}

CodePress.languages = {    
}


CodePress.run = function() {
    var editor CodeMirror.fromTextArea(document.getElementsByClassName("codepress")[0], {
                    lineNumberstrue,
                    lineWrappingtrue,
                    tabMode"indent",
                    theme"mybb"
                });
}
document.write('<link href="./jscripts/codemirror/lib/codemirror.css" rel="stylesheet">\
<link href="./jscripts/codemirror/theme/mybb.css" rel="stylesheet">\
<script src="./jscripts/codemirror/lib/codemirror.js"></script>\
<script src="./jscripts/codemirror/mode/css/css.js"></script>\
<style>.codepress { width:auto !important} </style>'
);
if(
window.attachEventwindow.attachEvent('onload',CodePress.run);
else 
window.addEventListener('DOMContentLoaded',CodePress.run,false); 
و ذخیره کنید.

حالا تقریبا تمام شده کار.
به مسیر پنل ادمین در تنظیم‌های شخصی (یا اولویت‌ها) برید و گزینه‌ی روشن یا خاموش کردن کدپرس را روی فعال قرار دهید.

نمونه:
   


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید!تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/lightbulb.gif

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
یه عکس نمونه هم اگر میشه قرار بدید ببینیم چه شکلی میشه
ممنونHeart
(۱۱ آذر ۱۳۹۲، ۱۱:۰۸ ق.ظ)hamidkag نوشته:  یه عکس نمونه هم اگر میشه قرار بدید ببینیم چه شکلی میشه
ممنونHeart
قرار داده شد.


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید!تصویر: http://www.cdn.my-bb.ir/images/smilies-v6/lightbulb.gif

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
خب آموزش زیباسازی CodePress خود داخل انجمن هم بگذارید بغیر از پنل مدیریت که گذاشتید ممنونHeart
منظورم همین بلاک PHP و Code داخل ادیتوره
 


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش تبلیغ در پروفایل،پاسخ سریع، ارسال موضوع، صفحه اصلی mellat 0 781 ۱۶ دى ۱۳۹۲، ۰۴:۳۲ ب.ظ
آخرین ارسال: mellat

پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir