رفتن به مطلب
sajad7605

نحوه افزودن دکمه مای کد به ادیتور

پست های پیشنهاد شده

درین جلسه قصد دارم نحوه افزودن دکمه مای کد را به ادیتور خدمت تان آموزش دهم!

 

مواد لازم:

 

jscripts/editor.js

jscripts/editor_themes/Office_2007/stylesheet.css

 

 

مرحله اول:

 

editor.js را باز نموده و کد زیر را پیدا کنید.

title_video, options: this.videos}

بعد از آن یک کالون بصورت زیر اضافه کنید.

title_video, options: this.videos},

سپس رشته کد زیر را با زدن Enter زیر پای آن علاوه نمائید.

{type: 'button', name: 'name', sprite: 'sprite', insert: 'code', title: 'alt text or tittle'}

حالا مقادیر را بصورت زیر تغیر دهید.

 

name = نام مورد نظر برای مای کد

 

sprite = کد اسپرایت ( در داخل stylesheet.css مورد استفاده قرار میگید )

 

code = کدی که در مای کد مورد استفاده قرار گرفته و متن را پوشش میدهد.

 

title = نام شناور مای کد ( نامیکه با قرار گرفتن موس آشکار میشود )

 

بعنوان مثال برای افزودن کد spoiler بصورت زیر عمل مینمائیم:

{type: 'button', name: 'spoiler', sprite: 'spoiler', insert: 'spoiler', title: 'Hide the text in a box'}

توجه:

 

اگر از ادیتور WYSIWYG استفاده میکنید در editor.js کد زیر را پیدا کنید.

if(code=="code" || code=="quote" || code=="php"){

سپس بصورت زیر تغیر دهید.

if(code=="code" || code=="quote" || code=="php" || code=="spoiler"){

بجای عبارت spoiler نام کد پوشش دهنده را ( کدیکه در جلو insert تعریف شد ) قرار دهید .

 

فایل را ذخیره و اپلود کنید.

 

 

مرحله دوم:

 

stylesheet.css را باز نموده و کدهای زیر را در اخیر آن اضافه نمائید.

mall">

.messageEditor .toolbar_button .toolbar_sprite_spritename {
background: url(images/sprite_btn+ext) no-repeat;
}

mall">و مقادیر را بصورت زیر تغیر دهید.

 

spritename = نام اسپرایتی که در کد editor.js مورد استفاده قرار گرفت. ( sprite: 'spoiler' )

 

sprite_btn+ext = نام دکمه با پسوند آن.

 

و برای مثال spoiler

mall">

.messageEditor .toolbar_button .toolbar_sprite_spoiler {
background: url(images/spoiler_btn.gif) no-repeat;
}

mall">فایل را ذخیره و در محل آن اپلود کنید.

 

مرحله سوم:

 

عکس دکمه را با نام تعریف شده در کد آماده کرده و در پوشه /jscripts/editor_themes/Office_2007/images/ اپلود کنید.

 

 

موفق باشید

mall">============[/b]

منبع: سایت منتخب

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر
مهمان
شما به عنوان کاربر مهمان در حال حاضر دیدگاه ارسال می کنید. اگر دارای حساب کاربری در سایت هستید لطفا وارد حساب کاربری خود شوید.
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  حداکثر استفاده از ۷۵ شکلک مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به عنوان یک لینک به جای

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×