Add feature in wordpress default editor

আপনি ওয়ার্ডপ্রেস ব্লগে লগইনের পরে যা দিয়ে ব্লগ লিখেন তাই হচ্ছে এডিটর। এডিটরটির নাম হচ্ছে TinyMCE editor । এটি একটি জনপ্রিয় WYSIWYG এডিটর। এটি ওয়ার্ডপ্রেস ছাড়াও অন্যান্য ব্লগে CMS ( content Management System) এ এডিটর হিসেবে ব্যবহৃত হয়।

যাই হোক ওয়ার্ডপ্রেসের যেই ডিফল্ট এডিটর আছে তাতে সাধারনত এডিটরটির সকল ফিচার বা অপশন by default হিসেবে থাকেনা । আপনি চাইলে পরে সেগুলো এ্যাকটিভেট করতে পারেন। এডিটরের ফাইলে কিছু কোড যুক্ত করেই। ভয় পাবেন না তেমন কঠিন কিছুই না। আর অপশনগুলো যেমন ধরুন ফন্ট সাইজ ছোট বড় করা,ফোরগ্রাউনড বা ব্যাকগ্রাউন্ড কালার,ফন্ট সিলেক্ট সহ আরো ফরমেটিং অপশন।

আসুন তবে দেখাযাক কিভাবে করবেন এটি

এখন আপনার ওয়েবসার্ভারে রাখা ওয়ার্ডপ্রেসের ফাইল ফোল্ডারগুলোর মধ্যে wp-includes > js > tinymce > ফোল্ডারে গিয়ে tiny_mce_gzip.php ফাইলটি নোটপ্যাড বা অন্য এডিটর দিয়ে খুলুন। খোরার পর দেখুন এই লাইন গুলো পান কিনা-

1. $mce_buttons = apply_filters(‘mce_buttons’, array(‘bold’, ‘italic’, ‘strikethrough’, ‘separator’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ‘separator’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’ ,’separator’, ‘link’, ‘unlink’, ‘image’, ‘wordpress’, ‘separator’, ‘undo’, ‘redo’, ‘code’, ‘wphelp’));
2. $mce_buttons = implode($mce_buttons, ‘,’);
3. $mce_buttons_2 = apply_filters(‘mce_buttons_2’, array());
4. $mce_buttons_2 = implode($mce_buttons_2, ‘,’);
5. $mce_buttons_3 = apply_filters(‘mce_buttons_3’, array());
6. $mce_buttons_3 = implode($mce_buttons_3, ‘,’);

এখান থেকেই আপনি এডিটরে বিভিন্ন অপশন বা বাটন যুক্ত করতে পারবেন।

এখানে প্রথম $mce_buttons = apply_filters(‘mce_buttons’, array(‘bold’, ‘italic’,………………)
এখানে যে অপশনগুলির নাম দেয়া আছে সেগুলো ইতিমধ্যেই এডিটরে দেখা যাচ্ছে, যেমন বোল্ড ইটালিক সহ বাকি গুলো। তবে আরো অতিরিক্ত অপশনগুলো এ্যাড করতে হলেঃ

ধরুন আপনি এডিটরে একটি নতুন অপশন যুক্ত করতে চান যার মাধ্যমে আপনি এডিটর থেকেই লেখার সাইজ ছোট বড় করতে পারবেন। এখন শুধু আপনাকে সেই অপশনটির নাম যুক্ত করে দিতে হবে । যেমন লেখার সাইজ ছোটবড় করার জন্য ‘fontsizeselect’ লেখাটি প্রথম

$mce_buttons = apply_filters(‘mce_buttons’, array(‘bold’, ‘italic’, ‘strikethrough’, ‘separator’, ‘fontsizeselect’, ‘bullist’, ‘numlist’……………………’));

এর ‘separator’, এর পরে ‘fontsizeselect’, দুটো কোটেশন মার্কের মধ্যে কমা সহ দিয়ে দিলামঃ

এখন দেখতে পাচ্ছেন বোল্ড , ইটালিক,strikethrough এবং সেপারেটরের পরেই নতুন মেনু দেখতে পাচ্ছেন (ঠিক কোডে যেমনটি দেওয়া হয়েছিল) যার মাধ্যমে আপনি লেখা ছোট বড় করতে পারবেন। এ রকম আরো কিছু কোড শব্দ আছে যা দিয়ে একই ভাবে এডিটরটিতে নতুন অপশন এ্যাড করা যাবে। কোড গুলো পরে দিচ্ছি তার আগে আরো কিছু বিষয় বলে নেইঃ

উপরের কোড গুলোতে
$mce_buttons_ সহ কয়েকটি লাইন রয়েছে। সেগুলোর মধ্যে যেই লাইনগুলোতে

$mce_buttons_2 = apply_filters(‘mce_buttons_2’, array());

আছে অর্থাৎ ‘apply_filters’ সহ সেগুলোর array() এর ব্রাকেট এর ভেতর একই ভাবে ফিচার সমূহের কোড যুক্ত করে দিলে এডিটরে তা দেখা যাবে তবে দ্বিতীয় লাইনে

ছবিটি দেখুনঃ

আমি তিন নম্বর লাইনে কিছু কোড যুক্ত করে দিয়েছি

$mce_buttons_2 = apply_filters(‘mce_buttons_2’, array(‘newdocument’, ‘backcolor’));

তাই ছবিটিতে দেখছেন দ্বিতীয় লাইনে আরো দুটি অপশন দেখা যাচ্ছে। তবে মনে রাখবেন apply_filters যেটাতে আছে সেই লাইনেই array() এর ব্রাকেট এর ভেতরে কোড দিতে হবে। এবার জানিয়ে দেই কোড গুলোঃ

‘bold’, ‘italic’, ‘underline’, ‘strikethrough’, ‘justifyleft’, ‘justifycenter’, ‘justifyright’, ‘justifyfull’, ‘bullist’, ‘numlist’, ‘outdent’, ‘indent’, ‘cut’, ‘copy’, ‘paste’, ‘undo’, ‘redo’, ‘link’, ‘unlink’, ‘image’, ‘cleanup’, ‘help’, ‘code’, ‘hr’, ‘removeformat’, ‘formatselect’,
‘fontselect’, ‘fontsizeselect’, ‘styleselect’, ‘sub’, ‘sup’, ‘forecolor’, ‘backcolor’, ‘charmap’, ‘visualaid’, ‘anchor’, ‘newdocument’, ‘separator’,

তথ্যসূত্র

এখন খেয়াল রাখবেন এধরনের কোন কাজ করার আগে “tinymce” ফোল্ডারটির tiny_mce_gzip.php ফাইলের একটি ব্যাকআপ কপি রেখে দেবেন। পরে সমস্যা হলে শুধু রিপ্লেস করে দেবেন।

4 comments

  1. মেহেদী · January 5, 2007

    বেশ ভাল হয়েছে। আমি বেশ কিছুদিন ধরে এটা নিয়ে কাজ করছিলাম।

  2. আচ্ছা default editor ছাড়া আন্য এডিটর যেম FCK editor ব্যাবহার করতে চাইলে কি কি পরি বর্তন আনতে হবে ?

  3. foisal · February 1, 2007

    শুভ্র,
    ধন্যবাদ কমেন্ট করার জন্য।
    আপনি এখান থেকে হেল্প পেতে পারেন

    http://www.deanlee.cn/wordpress/fckeditor-for-wordpress-plugin/

    http://www.deanlee.cn/downloads/deans_fckeditor_v1.2.zip

    বা গুগলিং করতে পারেন “use fck editor in wordpress”

    তবে উপরের লিন্কটা আপনাকে হেলপ করবে আশাকরি।

    মূল FCK Editor এর সাইটের লিন্ক হলঃ

    http://www.fckeditor.net/

    যদিও আমি এখনো এটি ট্রাই করে দেখিনি। আমি সাধারনত নিজে না টেস্ট করে কাউকে solution দেইনা । তবে এখন সময় করতে পারছিনা।
    তাই আপনি যদি সফল হন তবে কিভাবে করলেন তা আমার পোষ্টে কমেন্ট করে দিয়ে দেবেন আশাকরি। এতে অন্যরাও উপকৃত হবে।

    তবে লিন্কটি থেকে এই ইনস্ট্রাকশনটি পেলাম

    *Installation

    *This plugin requires WordPress v.1.5 or later.

    @ Download Dean’s FCKEditor For WordPress v1.2 .

    @ unzip and upload the file into your wp-content/plugins/ directory.

    @ Activate the plugin on your Admin Panel->Plugin Management page.

    @ Done,enjoy it.

  4. jewelosman · May 24, 2007

    টিউটোরিয়ালটা খুব কাজে এসেছে আমার……ধন্যবাদ…কিন্তু tiny_mce_gzip.php ফাইলটার পরিবর্তে মনে হয় tiny_mce_config ফাইলটা হবে……

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s