Конфигурация, подобная Wordpress, для TinyMCE в Drupal

Я использую модуль Drupal WYSIWYG, добавил последнюю версию TinyMCE и успешно ее настроил. Теперь я хотел бы, чтобы он отображал свои кнопки и панели инструментов точно так, как их отображает Wordpress. Как мне теперь поступить?


wordpress drupal wysiwyg tinymce
person Capi Etheriel    schedule 17.10.2010    source источник
comment
Я понятия не имею, как wordpress отображает tinymce, однако вы можете переключать кнопки, изменив соответствующие изображения в tinymce/themes/default/images с drupal на изображения, которые использует wordpress... и, возможно, то же самое для панелей инструментов. (или на панелях инструментов также будут некоторые изменения css)   -  person Jozzeh    schedule 09.11.2010
comment
Спасибо. меня не очень заботят одинаковые значки (я думаю, они уже есть), но меня волнует группировка (кнопки wordpress сгруппированы) и расширенная панель инструментов (отображается, только если вы нажмете «Дополнительно»).   -  person Capi Etheriel    schedule 15.11.2010
comment
Вы смотрели в /sites/all/modules/wysiwyg/editors/tinymce.inc? Есть функция wysiwyg_tinymce_plugins, которая получает плагины, доступные в редакторе. Я полагаю, вы могли бы попробовать добавить туда недостающие. В качестве альтернативы вы можете вообще избавиться от WYSIWYG и подключить TinyMCE вручную. У вас будет прямой контроль над всем в конфигурационных файлах TinyMCE.   -  person mingos    schedule 28.01.2011

Ответы (2)


arrow_upward
2
arrow_downward

реализация drupal wysiwyg ужасна. я отказался от tinymce и решил вместо этого использовать ckeditor (я никогда не мог заставить tinymce работать с загрузкой файлов и изображений) моя текущая настройка работает так (отказ от ответственности - не возитесь с этим в производственной среде, лучше поиграйте сначала на вашем сервере разработки):

  1. загрузите исходный код ckeditor с сайта ckeditor и вставьте в свои библиотеки (/sites/all/libraries).
  2. установить модуль ckeditor
  3. установить модуль better_formats
  4. установить модуль imce (возможно, он уже активен)
  5. установите модуль imce_style (делает imce более сносным)
  6. отключите wysiwyg и wysiwyg_api_bridge и imce_wysiwyg_api_bridge, если они установлены
  7. скопируйте ckeditor.config.js из каталога модуля ckeditor и поместите его в каталог вашей темы (таким образом вы не перезапишете свою конфигурацию, если обновите модуль)
  8. отредактируйте этот файл, чтобы настроить новый набор панелей инструментов или изменить один из существующих. файл должен быть достаточно понятным.
  9. убедитесь, что плагин imce, плагин разрыва страницы drupal и все остальное, что вам нужно, активировано для этой панели инструментов.
  10. go to your ckeditor options in drupal admin: admin/settings/ckeditor, choose the desired ckeditor profile and edit the settings, making sure the following is set:
    • select: editor appearance > toolbar > [toolbar you configured in point 9]
    • выберите: файловый браузер > imce
    • выберите: дополнительные параметры > метод загрузки > ckeditor.js
    • выберите: «загрузить ckeditor.config.js из пути к теме»
    • остальное на ваше усмотрение
  11. отредактируйте глобальные настройки профиля для работы с нужными вам текстовыми областями.
  12. убедитесь, что ваш каталог файлов установлен и доступен для записи для imce, если вы хотите загружать файлы.

это заняло у меня около 3 дней, чтобы получить право. вы также можете настроить ckeditor на загрузку css вашей темы, чтобы стили в редакторе отражали стили на остальной части сайта, и вы можете настроить пользовательские классы css для отображения на панели инструментов, которые отражают стили на вашем сайте.

надеюсь, что это немного поможет.

person murraybiscuit    schedule 16.11.2010
comment
оно делает. но у меня был неудачный опыт работы с imce, и мне понравилось загружать изображения wysiwyg drupal.org/project/wysiwyg_imageupload< /а> - person Capi Etheriel; 17.11.2010
comment
Кроме того, я хочу иметь ту же функциональность wordpress wysiwyg (и внешний вид) для определенного дистрибутива. - person Capi Etheriel; 17.11.2010
comment
Тот факт, что нам нужно сделать такой запутанный процесс, чтобы попытаться воспроизвести WYISIWIG-макет WordPress, многое говорит о функциональности WYISIWIG drupal, и ни одно из этих утверждений не является лестным. - person canadiancreed; 30.01.2011
comment
Ты прав. Я предполагаю, что однажды дизайнер сделал это правильно с Wordpress, и я хотел воспроизвести это на Drupal, чтобы не выполнять одну и ту же работу дважды. - person Capi Etheriel; 01.02.2011

arrow_upward
2
arrow_downward

Вы захотите включить и настроить это множество модулей:

Это позволит вам сначала выбрать свой любимый поддерживаемый WYSIWYG, будь то CKEditor, TinyMCE или любой другой, поддерживаемый WYSIWYG API. Кроме того, WYSIWYG поддерживает форматы ввода Drupal, поэтому вы можете настроить другой набор доступных кнопок в зависимости от выбранного формата ввода (В этом может помочь модуль «Улучшенные форматы»).

Затем настройте типы контента, чтобы они имели поле изображения. Настройте отображение этого поля как скрытое и настройте модули Insert/WYSIWYG Imagefield так, чтобы изображения добавлялись с помощью собственной кнопки изображения WYSIWYG.

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

Некоторые из этих конфигураций можно экспортировать через Features и Strongarm, которые сэкономят ваше время на их настройке на дополнительных сайтах.

person jhedstrom    schedule 18.11.2010
comment
я написал профиль установки, который уже делает некоторые из этих вещей для меня: github.com/barraponto/ tecido-drupal-starterkit но я спрашиваю, как заставить tinymce (на drupal, через wysiwyg API) выглядеть и вести себя так же, как tinymce на wordpress. я уже доволен wysiwyg image api. - person Capi Etheriel; 20.11.2010