Свой шаблон ckeditor. Как?

[Dj-Tiesto]

Доброго времени.
У меня такая задача, как ckeditor добавить кнопку, которая по нажатию будет делать такую функцию:

<span style="color:#a9a9a9;"><span style="font-size:14px;"><span style="font-family:verdana,geneva,sans-serif;">

То есть предельно просто, есть описание, просто выделяем текст, нажимаем кнопку эту и он обрабатывается по указанному параметру.

Как это сделать???

 

[yaski]

Здесь
Для просмотра ссылки Войди или Зарегистрируйся
и здесь
Для просмотра ссылки Войди или Зарегистрируйся

 

[Dj-Tiesto]

Здесь
Для просмотра ссылки Войди или Зарегистрируйся
и здесь
Для просмотра ссылки Войди или Зарегистрируйся

Никак не могу найти текст команды на свою потребность..
Кнопка и зарегистрированный диалог ясно. А вот команду на

<span style="color:#a9a9a9;"><span style="font-size:14px;"><span style="font-family:verdana,geneva,sans-serif;">

не могу осилить

Команда должна выглядеть след образом:
select all text
set font-color:#a9a9a9
set font-size:14px
set font-family:verdana

как это прописать в команду СКедитора?...

 

[yaski]

У объекта editor есть метод getSelection(), он возвращает объект, который помимо полной информации о выделенном тексте содержит еще метод getSelectedText().

CKEDITOR.plugins.add('pluginname',{
    init: function(editor){
    alert(editor.getSelection().getSelectedText())
    }
});

а полученный текст оборачиваешь своими тегами

 

[Dj-Tiesto]

Я не понял, что вы написали
Я вспомнил, что текст можно и ктрл+а выделить))). Хотелось бы, конечно, что бы эта команда была и в мою кнопку встроена, но если не додумаюсь.. то так и будет) Буду нажимать ктрл+а и свою "поставить размер, шрифт и стиль".

Я пошел другим путём, по некой инструкции у меня так:

CKEDITOR.plugins.add('cuttable',
{
    init: function( editor )
    {       
            CKEDITOR.addCss("div.pagecut {background: no-repeat center url('"+this.path+"images/large.png');height: 75px;width: 150px;}");
   
            editor.addCommand( 'insertPagecut',
            {
                exec: function( editor )
                {                                   
                    var element = CKEDITOR.dom.element.createFromHtml( '<div class="pagecut"><!-- CUT --></div>' );
                    editor.insertElement( element );
                }
            });
           
            editor.ui.addButton( 'Pagecut',
            {
                label: 'Вставить кат',
                command: 'insertPagecut',
                icon: this.path + 'images/icon.png'
            } );
    }
} );

это plugin.js

в конфиге подключен.

Есть кнопка Для просмотра ссылки Войди или Зарегистрируйся

По нажатию на неё вылазит картинка вот так Для просмотра ссылки Войди или Зарегистрируйся , что естественно при +this.path+"images/large.png

Как в эту команду по вставке картинки заменить на <span style="color:#a9a9a9;"><span style="font-size:14px;"><span style="font-family:verdana,geneva,sans-serif;"> ??

color:#a9a9a9; font-size:14px; font-family:verdana,geneva,sans-serif; не катит..

Можете мне прописать всю функцию по приведенному примеру?

 

[Dj-Tiesto]

по сей день не могу решить...

Прошу помощи.