ابوالفضل طالبی

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

7 پست در این موضوع

در برخی مواقع این نیاز احساس میشه که شما میخاید قسمتهای مختلف یک تصویر را لینک دار کنید به این شکل که با کلیک روی هر قیمت از تصویر لینک خاصی برای کاربر شما باز شود.به این عمل اصطلاحا 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 کردن روی تصویر خواهد داد

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

با سلام

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

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

[ATTACH=CONFIG]7697[/ATTACH]

Share this post


Link to post
Share on other sites

با سلام

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

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

[ATTACH=CONFIG]7697[/ATTACH]

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری