به نام خدا و سلام خدمت شما دوستان.

به بخش دوم این آموزش رسیدیم تو بخش اول با ایجاد و اضافه کردن امکاناتی که در حالت پیشفرض غیر فعال هست آشنا شدیم تو این بخش که جالب تره میخوایم امکاناتی که خود TinyMCE نداره رو بهش اضافه کنیم. پس با ما همراه باشین.

اضافه کردن آیکون سفارشی به دکمه جدی TinyMCE

در قسمت قبلی بهتون نشون دادم که چطوری یه دکمه جدید که متن “New Button” روش هست رو به ویرایشگر اضافه کنیم. ولی متن خالی برا دکمه مون جالب نیست. پس میایم کدمون رو تغییر می دیم تا به جای یه متن خالی از آیکون استفاده کنیم.

لود یک stylesheet بهمراه css شما

از این تابع برای لود یه فایل استایل جدید داخل پنل مدیریت – برخی از افزونه ها و پوسته ها ممکنه یه فایل استایل رو اضافه کنند پس اگه پوسته یا افزونه شما این کارو انجام میده این مرحله رو بیخیال بشین و فقط کدهای CSS رو اضافه کنین.

کدهای CSS

این همان کد css هست که باید به فایل شیوه آبشاری (stylesheet) که تو قسمت قبل لود کردیم اضافه کنیم.

کدهای جاوا اسکریپت

حالا به راحتی text رو که متن دکمه رو تو کد جاوا اسکریپت قبلی نشون میداد رو حذف میکنیم و همچنین مقدار false برای icon تو کد قبلی رو به عنوان کلاسی که تو فایل css براش پس زمینه مشخص کردیم تغییر میدیم. پس در مقایسه با کد جاوا اسکریپت قبلی text حذف شد و مقدار icon از false به my-mce-button تغییر پیدا کرد.

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

mce-button-submenu

به زودی متوجه میشیم که اضافه کردن چندین دکمه حتی بصورت آیکون به نوار TinyMCE ایده جالبی نیست پس به کد زیر نگاه کنیم تا ببینیم چطور میتونیم کد جاوا اسکریپت رو برای نمایش یه زیرمنو برای دکمه سفارشی تون ویرایش کنیم..

اضافه کردن پنجره پاپ آپ (pop up) وقتی روی دکمه کلیک شد

دقت داشته باشین که در مثال بالا هر دکمه عبارت “WPExplorer.com is awesome!” رو وارد ویرایشگر میکنه ولی اگه یه پنجره پاپ آپ وجود داشته باشه که کاربر بتونه انتخاب کنه که چه چیزی نوشته بشه چطور میشه؟ حالا که چیز جالبیه بیاین افزونه خودمون رو یه کم کاربرپسند تر بکنیم.

wordpress-mce-popup-window

جالب بود … خب حالا چی؟؟؟

حالا وقتشه که از این کد ها استفاده کنید و دکمه های خودتون رو ایجاد کنید و یا اگه از افزونه قدیمی استفاده می کنین اون افزونه رو با نسخه جدید TinyMCE سازگار کنید.

[ref]

WPExplorer

[/ref]


 
ما مایلیم مطالب جدید را در کانال تلگرام به شما اطلاع دهیم.