По работе столкнулся с редактором fckeditor, Сам я фанат ckeditor, а fckedit or является его прямым предком. Структура немного схожая, но другая. Возникла необходимость вставлять в нужное место произвольный текст через кнопку в тулбаре. Сказано сделано.

Создание плагина на ckeditor

По нажатию кнопки вставляем в документ <hr>

В документации есть примеры создания плагинов. Возьмем его за основу. Создадим в папке editor/plugins/ папку separator, в ней файл fckplugin.js и иконкой 16x16 separator.png.

Файл    fckplugin.js



var InsertSeparator=function(){
//создаем новую команду
};
InsertSeparator.GetState=function() {
return FCK_TRISTATE_OFF; //не надо делать кнопку переключаемой
}
InsertSeparator.Execute=function() {
	FCK.Focus();
	FCK.InsertHtml('<hr id="article_separator"/>'); //вставляем произвольный html
}
FCKCommands.RegisterCommand( 'Separator' , InsertSeparator ) ; // регистрируем команду
var oFindItem = new FCKToolbarButton( 'Separator', 'Hello' ) ; // создаем кнопку
oFindItem.IconPath = FCKConfig.PluginsPath + 'separator/separator.png' ; // иконку к ней
FCKToolbarItems.RegisterItem( 'Separator', oFindItem ) ; // 'связываем команду и кнопку

далее в файле fckconfig.js в корне редактора добавляем строку



FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ; 
// где-гнибудь после этого 
FCKConfig.Plugins.Add( 'separator' ) ;

 и чтобы кнопка отобразилась в тулбаре нужно добавить ее в нужный 



// у меня это оказался FCKConfig.ToolbarSets["k"]
FCKConfig.ToolbarSets["k"] = [
	['Source','Separator',...

все плагин готов и работает

Рассказать друзьям

Добавить комментарий


Защитный код
Обновить

Комментарии   

0
Shevchoon
# Shevchoon 27.02.2013 01:05
Спасибо! Но не понял немного, у меня ckeditor-for-wordpress нужно добавить кнопку, при нажатии на которую будет вставляться допустим шорткод [minibasket] Что бы каждый раз не набирать его или копировать. Как это можно сделать, я не спец.!? Спасибо за ответ!
0
Leroy
# Leroy 27.02.2013 02:32
эта статья про fckeditor - опенсорсный предок ckeditor'а. Вам нужно сюда
# Guest 28.03.2015 12:27
Комментарий был удален администратором
# Guest 28.03.2015 12:27
Комментарий был удален администратором
# Guest 29.03.2015 20:17
Комментарий был удален администратором
# Guest 29.03.2015 20:18
Комментарий был удален администратором
# Guest 31.03.2015 15:10
Комментарий был удален администратором
# Guest 31.03.2015 15:10
Комментарий был удален администратором
# Guest 31.03.2015 15:11
Комментарий был удален администратором
# Guest 31.03.2015 15:11
Комментарий был удален администратором
# Guest 10.04.2015 22:14
Комментарий был удален администратором
# Guest 10.04.2015 22:14
Комментарий был удален администратором
# Guest 10.04.2015 22:15
Комментарий был удален администратором
# Guest 10.04.2015 22:15
Комментарий был удален администратором
# Guest 10.06.2015 06:47
Комментарий был удален администратором
# Guest 10.06.2015 06:48
Комментарий был удален администратором
# Guest 10.06.2015 06:48
Комментарий был удален администратором