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

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

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

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

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

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

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

CKEDITOR.editorConfig = function(config)
{
	config.removePlugins = 'resize';
};
CKEDITOR.editorConfig = function(config)
{
	config.resize_enabled = false;
};

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

CKEDITOR.editorConfig = function(config)
{
	config.resize_maxHeight = 500;
};

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

CKEDITOR.editorConfig = function(config)
{
	config.resize_minHeight = 300;
};

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

CKEDITOR.editorConfig = function(config)
{
	config.resize_maxHeight = 500;
	config.resize_minHeight = 300;
};

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

CKEDITOR.editorConfig = function(config)
{
	config.resize_maxWidth = 500;
};

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

CKEDITOR.editorConfig = function(config)
{
	config.resize_minWidth = 300;
};

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

CKEDITOR.editorConfig = function(config)
{
	config.resize_maxWidth = 500;
	config.resize_minWidth = 300;
};

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

CKEDITOR.editorConfig = function(config)
{
	config.resize_maxWidth = 500;
	config.resize_minWidth = 500;
};

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

نشانی ایمیل شما منتشر نخواهد شد.