[Статья]

Собственно этим вопросом задавались тыщщи/пятьсот раз огромное количество людей. Ситуация тривиальная. Есть какой либо хак с ббкодом, который использует свою кнопку в редакторе сообщений. Эти кнопки как правило лепяться где то скраю, сверху и тд... но по закону подлости вечно не там где нам хочется....

Данная информация как раз для таких ситуаций.
Этот способ, чудесен тем, что для его реализации, не потребуется видоизменять никаких чужих файлов. Всё делается посредством стандартных, вшитых в vB4 средств.


Итак начнём.
За пример, я беру ббкод media, который лично мне очень нравится за его универсальность(но речь не об этом ).
устанавливается он очень просто, путём добавления обычного ббкода. Как это делается я не буду описывать, так как статья рассчитана на тех у кого уже установлен хак/ббкод и он хочет переместить его кнопку в другое место.
Для выполнения поставленной задачи, нам потребуется создать один безумно простой js файл, два модуля и одну глобальную фразу.
Фразу можно и не добавлять, но мне нравится когда всплывает более конкретизированное описание кнопки:

нежели стандартная вобловская заглушка используемая по-умолчанию:


Действие №1

1)js файл создаём как обычный текстовый файл, переименовываем его в plugin.js и вставляем в него такое содержимое:

CKEDITOR.plugins.add( 'media',
{
	init : function( editor )
	{
		editor.ui.addButton('media',
		{
			label : editor.config.vbulletin.phrase.media_button,
			command : 'media',
			icon: BBURL + '/images/editor/media.png',
		});
		editor.addCommand('media',
		{
			modes : { enhancedsource:1, wysiwyg:1 },
			exec: function(editor){
			editor.wrapSelectionWith('[media]', '[/media]');
			}
		});
	}
});

1а)Обратите внимание на те места, которые выделены жирным. Там где выделено одно слово media, должно стоять название вашего ббкода.
1b)Строчка /images/editor/media.png должна быть заменена на путь к вашему файлу, относительно корневого каталога форума. Это Ваша картинка 16x16px, которая будет отображаться на кнопке редактора.
1c)Ну и в последней строчке должны быть тэги используемые Вашим ббкодом.

Располагаем этот файл в папке:
[форум]\clientscript\ckeplugins\media\
(опять же папка media, должна будет переименована в название вашего ббкода).

---------------------------------------------------------------------------------------------------------------------------------
Действие №2

2)Создаём новую фразу, которая будет всплывать при наведении мышки на кнопку в редакторе сообщений.
admincp>Языки и фразы>Управление фразами>Добавить новую фразу
Первые два параметра оставляем по умолчанию. Там будет отображаться
-Global
-vBulletin
Имя переменной: указываем тоже, что и в js файле, в строке:

label : editor.config.vbulletin.phrase.media_button,

В моём случае это будет media_button
Текст: Придумываем, что Вашей душе угодно

----------------------------------------------------------------------------------------------------------------------------------
Действие №3

3)Создаём модули(admincp>Продукты и модули>Добавить новый модуль)

3а)Первый модуль:
Местоположение модуля>editor_construct
Заголовок>Выдумываем произвольное англицкое название
Код PHP-модуля>

$this->config['_extraPlugins'] .= ',media';
$this->config['vbulletin']['phrase']['media_button'] = $this->vbphrase['media_button'];

Модуль включён>Да
Обратите внимание на выделенные слова. Они должны соответствовать названию Вашего ббкода и имени переменной Вашей фразы.

Всё остальное оставляем как есть.

3b)Второй модуль:
Местоположение модуля>editor_toolbar_filter
Заголовок>Выдумываем произвольное англицкое название
Код PHP-модуля>

foreach ($toolbar AS &$row) 
    { 
       if (is_array($row)) 
       { 
           foreach ($row AS $id => $cmd) 
           { 
              if ($cmd == 'Image') 
              { 
                $row = array_merge(array_slice($row, 0, $id+1),  array('media'), array_slice($row, $id+1));
                break; 
              } 
           } 
       } 
   }

Модуль включён>Да
Всё остальное оставляем как есть.

Опять же обратите внимание на выделенное слово. Оно должно соответствовать Вашему ббкоду.
!!!И во втором модуле, подчёркнуто название ббкода, после кнопки которого будет располагаться Ваша кнопка, когда мы закончим. В моём случае, это Image. Названия стандартных, вобловских ббкодов смотрим в файле:
[форум]\vb\ckeditor.php начиная с 262й строчки('RemoveFormat' , 'Undo' , 'Redo' , 'Link' , 'Email', 'Unlink', 'Image', 'Video', '-', 'Quote', 'HorizontalRule' и т.д... Знак минуса это разделитель.

Вот собственно и всё. Теперь нужно просто удалить/переименовать стандартную картинку ббкода, и убедиться, что Ваша картинка прописанная в файле js, отличается расположением/именем от стандартной, чтобы кнопка не дублировалась в панели редактора. Если стандартная кнопка прописана в настройках дополнительного ббкода, то нужно просто очистить поле в котором прописан путь к картинке. Фсё.
--------------------------------------------------------------------------------------------------------------------------------
Трюк в том, что сам код тэгов ббкода, по-прежнему исполняется в исходных модулях хака. Вы же просто добавили кнопку, нажатие на которую обрамит выделенный текст в нужный Вам тэг ббкода.

Идея взята и "интерпретирована" под наши реалии от сюда:
http://www.vbulletin.org/forum/showthread.php?t=278828

@taravasya, здорово! Искала такое.

@Svetlana, буду рад, если поможет! Если, что пишите. Я мог что-нибудь упустить из вида, потому как писал среди ночи))))

Originally Posted by taravasya

label : editor.config.vbulletin.phrase.media_button,

На втором же пункте стопорнулся, не дает такое значение вводить панель!!!!

@Usta, там нужно не всю строку, а только её значение вводить(то что после последней точки, а именно: media_button)
Собсно:

Originally Posted by taravasya

В моём случае это будет media_button

Проще написать статью для всех, чтобы копались в этом ckeditor'e 3 версии, чем обновить в булке редактор до 4 версии + дописать модуль изменения положения кнопок в редакторе.
Ведь все прошаренные такие...

Originally Posted by Liked

Ведь все прошаренные такие...

эмммм....
это к чему?

Originally Posted by Liked

Проще написать статью

А ещё проще сказануть об этом... да так, что бы никто ничего не понял )))))

Originally Posted by Luvilla

эмммм....
это к чему?

К тому, чтобы движок был легконастраевымым

Originally Posted by Liked

К тому, чтобы движок был легконастраевымым

то есть, твои слова обращены к разрабам движка?