آموزش اضافه کردن امکان image map به ادیتور tinyMCE در جوملا

[ابوالفضل طالبی 280]

در برخی مواقع این نیاز احساس میشه که شما میخاید قسمتهای مختلف یک تصویر را لینک دار کنید به این شکل که با کلیک روی هر قیمت از تصویر لینک خاصی برای کاربر شما باز شود.به این عمل اصطلاحا image map میگویند .

نرم افزارهایی برای اینکار وجود داره ولی خب دردسرهایی هم برای کسانی که کدنویسی نمیدونن و مبتدی تر هستند خواهد داشت.بنابراین بهتره بجای استفاده از اون نرم افزارها امکانی به ویرایشگر اضافه کنیم که خودش برای ما image map رو فعال و قابل استفاده کنه

برای اضافه کردن امکان image map به ویرایشگر tiny mce در جوملا 1.7 به بالا آموزشی رو پیدا کردم که قرار میدم دوستان استفاده کنند .البته قبلا این روش رو آزمایش کرده بودم و جواب گرفتم و مشکلی نبوده ..

برای افزودن این امکان باید تغییراتی در یک سری فایلها بدید.

برای شروع فایل زیر رو دانلود کنید:

پلاگین image map برای ادیتور tinyMCE

حالا کارهای زیر رو به ترتیب انجام بدید:

فایل رو در کامپوتر خودتون استراکت کنید و پوشه imgmap را در مسیر زیر به صورت کامل کپی کنید:

/media/editors/tinymce/jscripts/tiny_mce/plugins/

حالا فایل tinymce.php را از مسیر زیر باز کنید:

plugins/editors/tinymce/

و خطوط زیر رو داخلش بگردید پیدا کنید:

// advimage $advimage = $this->params->def('advimage', 1); 

   if ($advimage) {

       $plugins        = 'advimage'; $elements = 'img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name|style]'; 

   } 

حالا بعد از این خطوط ، کدهای زیر رو قرار بدید:

    if ($imgmap) {

       $plugins        = 'imgmap'; $elements   = 'img[usemap|class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],map[id|name],area[shape|alt|coords|href|target]'; $buttons4    = 'imgmap'; 

}

کار تمام است!

در ویرایشگر شما اکنون آیکونی باید اضافه شده باشد که امکان map کردن روی تصویر خواهد داد

[mal2moh 10]

من انجام دادم اما کلید ظاهر نشد

لطفا شکل کلید را قرار دهید تا بررسی کنیم

[Komail 12]

سلام مهندس طالبی عزیز

با تشکر از قرار دادن مطلب آموزشی

بنده هم مطابق آموزش عمل کردم اما نتیجه حاصل نشد

لطفا راهنمایی بفرمایید

با تشکر و احترام

[ghohestan 15]

آیا برای ویرایشگر jce هم همچنین امکانی وجود داره؟

[ابوالفضل طالبی 280]

این روش را روی چوملا 1.7 جواب داد گفتم روی 2.5 هم بدون مشکل باشه ... آموزش مربوط به جوملا 2.5 و ویرایشگر jce رو هم در این تاپیک قرار میدم

[anafasama 10]

با سلام

من میخوام مطلب آموزشی ای توو سایتم بذارم منتها میخوام کدهام با متنم جدا باشه یعنی برای کدها یک کادر جدا گونه باز بشه و کنار خط ها هم شماره خط درج بشه مثله تصویری که ضمیمه کردم ...

لطفا راهنمایی بفرمائید خیلی ضروریه...

[ATTACH=CONFIG]7697[/ATTACH]

[anafasama 10]

با سلام

من میخوام مطلب آموزشی ای توو سایتم بذارم منتها میخوام کدهام با متنم جدا باشه یعنی برای کدها یک کادر جدا گونه باز بشه و کنار خط ها هم شماره خط درج بشه مثله تصویری که ضمیمه کردم ...

لطفا راهنمایی بفرمائید خیلی ضروریه...

[ATTACH=CONFIG]7697[/ATTACH]