Создание кнопки в TInyMCE

137 Posts

ShaggyDoc Reply #11, 15 years, 8 months ago

Quote from: Halumein at Feb 21, 2011, 09:45 PM

Спасибо, сделал. Работает. Как вариант подходит.
Но идея такая: в новостном разделе сайта в конце каждой статьи добавляется автор и дата (обычная табличка без рамок, но с форматированным текстом). Код статичен, просто меняется фамилия и дата(которую и сниппетом можно подставлять). Вот и хотелось бы это делать "в один клик".

Здесь возможны варианты:

1. Имя автора просто включается в контент с использованием стиля для визуального оформления. Для этого надо в Tinymce просто добавить соответствующий стиль (например "author") в список. Это самое простое - один клик выбора из стилей для оформления. И текст подписи не ограничен.

2. Имя автора вставить в шаблон после контента. Может извлекаться автоматически через поле publishedby, без единого клика. Но это подходит только если автор сам и публикует материалы.

3. Сделать специальный TV со списком возможных авторов. Нужный реальный автор выбирается редактором (публикатором) страницы из списка. Отображение вставляется в шаблон, например после контента. Этот вариант удобен тем, что по нему можно передавать данные и в RSS-ленты, в некоторых из которых непременно надо отдавать имя истинного автора, а не публикатора.

3 Posts

Saty Reply #12, 15 years, 6 months ago

Возникла аналогичная задача (ModX Revo)
Ссылку выше изучил.
Как добавить строчку: theme_advanced_buttons1 : "mybutton" - разобрался быстро.
Теперь остается сущий "пустяк" с добавлением следующего кода:

        ed.addButton('mybutton', {
            title : 'My button',
            image : 'img/example.gif',
            onclick : function() {
                ed.selection.setContent('<strong>Hello world!</strong>');
            }
        });

в функцию

setup : function(ed) {}

Перерыл все файлы Тини - не нашел нужного. Смотрел через админку код плагина, искал в файлах. Единственное, очень похожее на истину, нашел в папке

/assets/components/tinymce/

файл

tinymce.panel.js

Там код очень похож на те строки, которые требуются. Но, к сожалению, вставка туда нужных строк в нужное место не дает никакого эффекта.

Может кто поможет советом с добавлением кнопки - очень уж надо )

3 Posts

Saty Reply #13, 15 years, 6 months ago

Разобрался сам )

Стратегия по примеру с сайта разработчика http://tinymce.moxiecode.com/tryit/setup_editor_events.php следующая:
1. Добавляем через настройку системы в поле "theme_advanced_buttons1" (либо 2, либо 3, 4, 5) свою кнопку "mybutton"

theme_advanced_buttons1 : "mybutton"

2. Шаблон скрипта инициализации лежит по в папке /core/components/tinymce/templates называется script.tpl
код инициализации кнопки:

        ed.addButton('mybutton', {
            title : 'My button',
            image : 'img/example.gif',
            onclick : function() {
                ed.selection.setContent('<strong>Hello world!</strong>');
            }
        });

Вставляем, чтобы получилось так же, как в туториале с сайта разработчиков (см. выше)

    setup : function(ed) {
        // Display an alert onclick
        ed.onClick.add(function(ed) {
            ed.windowManager.alert('User clicked the editor.');
        });

        // Add a custom button
        ed.addButton('mybutton', {
            title : 'My button',
            image : 'img/example.gif',
            onclick : function() {
                ed.selection.setContent('<strong>Hello world!</strong>');
            }
        });
    }

Ну и картинку куда-нибудь кидаем