User Tools

Site Tools


ru:how_to:editor_configuration_toolbars

Панели инструментов

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

Стандартная панель инструментов

При активации HTML-редактора по умолчанию доступна стандартная панель инструментов со следующим набором кнопок:

Стандартная панель инструментов содержит следующие кнопки:

 Bold, Italic, Underline
 Insert/Remove Numbered Lists, Insert/Remove Bulleted Lists, 
 Align left, center, right, justify
 Link, Image, Remove Format, View Source

В синтаксисе CKEditor стандартная панель инструментов описывается следующим образом:

toolbar = "['Bold', 'Italic', 'Underline', 'NumberedList', 'BulletedList','JustifyLeft','JustifyCenter','JustifyRight', 'JustifyBlock', 'Link', 'Unlink', 'Image', 'RemoveFormat', 'Source']";

Расширенная (advanced) панель инструментов

Если вы хотите вывести на экран расширенную панель инструментов редактора, это необходимо указать в конфигурации GetSimple. Расширенная панель содержит следующие инструменты:

Bold, Italic, Underline
Insert/Remove Numbered Lists, Insert/Remove Bulleted Lists, 
Align left, center, right, justify
Table, Text Color, Background Color
Link, Image, Remove Format, View Source 
Formatting Styles, Paragraph Format, Font Name, Font Size

Откройте файл настроек GetSimple gsconfig.php текстовым редактором (например, notepad, notepad++, vi и.т.п.)
Найдите строки

#WYSIWYG toolbars (advanced, basic or [custom config]) 
#define('GSEDITORTOOL', 'advanced');

Удалите знак # перед define…, сохраните файл и загрузите его на сервер в корневую папку системы.

Войдите в административную панель GetSimple и попробуйте отредактировать какую-нибудь страницу. Вы увидите в окне редактора расширенную панель инструментов.

В синтаксисе CKEditor это выглядит так:

 toolbar = "['Bold', 'Italic', 'Underline', 'NumberedList', 'BulletedList', 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock', 'Link', 'Unlink', 'Image', 'RemoveFormat', 'Source']";

Если вас не устраивает прозрачность некоторых кнопок (как упомянуто в файле readme), вы всегда можете использовать для редактора другую тему.

Пользовательские панели инструментов

Как вы уже догадались, каждый инструмент в панели редактора имеет свое наименование.

Пользовательская панель инструментов определяется в конфигурационном файле системы gsconfig.php.

Соблюдайте корректный синтаксис, который описан здесь: http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar.

Синтаксис:

#WYSIWYG toolbars (advanced, basic or [custom config]) 
define('GSEDITORTOOL',"[  ]

");

Все, что содержится между квадратными скобками, определяет доступные инструменты на панели редактора.
Автор статьи предлагает копировать приведенный фрагмент кода и добавлять новые инструменты по мере необходимости.

Пользовательская панель инструментов с Копировать/Вставить/Вставить из WORD и Найти/Заменить

Пример конфигурации для еще более продвинутой панели инструментов:

# WYSIWYG toolbars (advanced, basic or [custom config]) 
define('GSEDITORTOOL',"['Cut','Copy','Paste','PasteFromWord','-','Undo','Redo','Find','Replace','-','SelectAll'],
['Bold', 'Italic', 'Underline', 'NumberedList', 'BulletedList','JustifyLeft','JustifyCenter','JustifyRight',
'JustifyBlock', 'Table', 'TextColor', 'BGColor', 'Link','Unlink', 'Image', 'RemoveFormat', 'Source'],
'/',
['Styles','Format','Font','FontSize']
");

Данный код добавит новую ленту сверху расширенной панели инструментов, содержащую кнопки “Copy/Paste”(Копировать/Вставить) и “Search/Replace” (Найти/Заменить).

Обратите внимание, что не все вышеупомянутые функции могут поддерживаться вашим браузером. FireFox не поддерживает команды COPY/Копировать и CUT/Вырезать. При нажатии соответствующих кнопок на экран выводится диалоговое окно, предлагающее использовать стандартные сочетания клавиш для этих действий.

Кнопка Paste/Вставить вставляет простой текст, такая конфигурация применяется GetSimple из соображений безопасности. Если вы хотите скопировать текст из MS WORD с форматированием, используйте кнопку Paste from Word/Вставить из Word и вставьте копируемой текст в открывшееся диалоговое окно. Базовое форматирование будет сохранено, излишние художества MS WORD, которые могут испортить вашу страницу, будут удалены.

ru/how_to/editor_configuration_toolbars.txt · Last modified: 2014/06/10 13:22 by SevaSDT