روزهای خط خطی  | جلوگیری از تغییر اندازه در CKEditor

جلوگیری از تغییر اندازه در CKEditor

جلوگیری از تغییر اندازه در CKEditorKEditor ویرایشگر متن تحت وب بسیار قدرتمندی است که علاوه بر داشتن قابلیت های گسترده، متن باز و رایگان نیز می باشد و انواع مرورگرها و سیستم های عامل را پشتیبانی می کند و به همین خاطر است که بیش از سه و نیم میلیون نفر آن را دانلود کرده اند.

CKEditor قابل نصب بر روی سیستم های مدیریت محتوای جوملا و دروپال بوده و افزونه ی CKEditor for WordPress استفاده از این ویرایشگر قدرتمند را برای وردپرس نیز امکان پذیر می سازد.

CKEditor دارای امکانات وسیع و نیز قابلیت سفارشی سازی گسترده ای می باشد که کار با آن را راحت و دلنشین می کند و به علاوه به طراح اجازه می دهد تا با اعمال تنظیمات مورد نظر ویرایشگری درست مطابق میلش داشته باشد. یکی از تنظیمات قابل اعمال روی CKEditor تنظیمات تغییر اندازه ی ویرایشگر است.

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

برای اعمال این تنظیمات نخست باید فایل ckeditor.config.js را باز کنیم و بسته به شرایط کد دلخواه را در آن وارد کنیم.

مثال 1: با استفاده از هر کدام از دو نمونه کد زیر می توانیم قابلیت تغییر اندازه را به کلی غیر فعال کنیم.

 Javascript | 
 
 copy code |
?

1
CKEDITOR.editorConfig = function(config)
2
{
3
	config.removePlugins = 'resize';
4
};

 Javascript | 
 
 copy code |
?

1
CKEDITOR.editorConfig = function(config)
2
{
3
	config.resize_enabled = false;
4
};

مثال 2: کد زیر حداکثر ارتفاع ممکن را برای کادر ویرایشگر تعیین می کند.

 Javascript | 
 
 copy code |
?

1
CKEDITOR.editorConfig = function(config)
2
{
3
	config.resize_maxHeight = 500;
4
};

مثال 3: کد زیر حداقل ارتفاع ممکن را برای کادر ویرایشگر تعیین می کند.

 Javascript | 
 
 copy code |
?

1
CKEDITOR.editorConfig = function(config)
2
{
3
	config.resize_minHeight = 300;
4
};

مثال 4: با ترکیب دو مثال بالا کد زیر به دست می آید که به بازدید کننده اجازه می دهد ارتفاع کادر را بین دو مقدار مشخص تغییر دهد.

 Javascript | 
 
 copy code |
?

1
CKEDITOR.editorConfig = function(config)
2
{
3
	config.resize_maxHeight = 500;
4
	config.resize_minHeight = 300;
5
};

مثال 5: کد زیر حداکثر پهنای ممکن را برای کادر ویرایشگر تعیین می کند.

 Javascript | 
 
 copy code |
?

1
CKEDITOR.editorConfig = function(config)
2
{
3
	config.resize_maxWidth = 500;
4
};

مثال 6: کد زیر حداقل پهنای ممکن را برای کادر ویرایشگر تعیین می کند.

 Javascript | 
 
 copy code |
?

1
CKEDITOR.editorConfig = function(config)
2
{
3
	config.resize_minWidth = 300;
4
};

مثال 7: با ترکیب دو مثال بالا کد زیر به دست می آید که به بازدید کننده اجازه می دهد پهنای کادر را بین دو مقدار مشخص تغییر دهد.

 Javascript | 
 
 copy code |
?

1
CKEDITOR.editorConfig = function(config)
2
{
3
	config.resize_maxWidth = 500;
4
	config.resize_minWidth = 300;
5
};

مثال 8: با اعمال تغییر کوچکی در مثال 7 به یک کد کارآمد دست خواهیم یافت. کد نمونه ی زیر حداقل و حداکثر پهنای کادر را روی 500پیکسل تنظیم می کند که به معنای داشتن کادری با پهنای ثابت و ارتفاع قابل تنظیم است.

 Javascript | 
 
 copy code |
?

1
CKEDITOR.editorConfig = function(config)
2
{
3
	config.resize_maxWidth = 500;
4
	config.resize_minWidth = 500;
5
};

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *