Убрать фон при редактировании (решение)

Тема в разделе "TinyMCE", создана пользователем Jkr, 17.08.2007.

Статус темы:
Закрыта.
  1. Jkr
    Offline

    Jkr Группа поддержки

    Регистрация:
    04.08.2006
    Сообщения:
    464
    Симпатии:
    27
    Пол:
    Мужской
    При создании материалов TinyMCE фоном под поля для ввода основного и вводного текстов загоняет класс body из template_css шаблона. В некоторых случаях это неудобно. Например, на сайте темный фон и темный тест, но на самом сайте текст выводится только в слоях или таблицах со светлым фоном. Т.к. редактор берет только стиль текста и стиль body, то светлая "прослойка" пропадает и текст (почти) не видно. Убрать стандартные стили в опциях редактора не помогло. В папках редактора есть свои стили, но они почему-то не подключаются и не заменяют собой шаблонный css.

    Подгружается аж 5 css'ов:
    Код (CODE):
    1. <link rel="stylesheet" href=".../mambots/editors/tinymce/jscripts/tiny_mce/themes/advanced/css/editor_content.css">
    2. <link rel="stylesheet" href=".../templates/uv/css/template_css.css">
    3. <link rel="stylesheet" href=".../mambots/editors/tinymce/jscripts/tiny_mce/plugins/flash/css/content.css">
    4. <link rel="stylesheet" href=".../mambots/editors/tinymce/jscripts/tiny_mce/plugins/fullscreen/css/content.css">
    5. <link rel="stylesheet" href=".../mambots/editors/tinymce/jscripts/tiny_mce/plugins/media/css/content.css">


    Собственно вопрос: как убрать это безобразие?
     
    Последнее редактирование: 17.08.2007
  2.  
  3. isotn
    Offline

    isotn Пользователь

    Регистрация:
    02.01.2007
    Сообщения:
    313
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Убрать фон при редактировании

    /mambots/editors/tinymce/jscripts/tiny_mce/themes/advanced/css/editor_content.css
    /mambots/editors/tinymce/jscripts/tiny_mce/plugins/fullscreen/css/content.css

    тут проверить (поиск по имени файла бекграунда (если картинка) или цвету рулит)

    и проверить template-css.css шаблона на наличие маркера типа #editor или похожего

    Самый простой способ - взять FF с дополнением firebug и очень быстро вычислить, откуда берется фон
     
  4. Jkr
    Offline

    Jkr Группа поддержки

    Регистрация:
    04.08.2006
    Сообщения:
    464
    Симпатии:
    27
    Пол:
    Мужской
    Ответ: Убрать фон при редактировании

    Да я понимаю, откуда это берется...
    Попробую описать проблему по-другому:
    Заходим в админку, выбираем какой-нибудь раздел, категорию, начинаем писать статью.
    То, что получается в окне редактора - см. на скриншоте в аттаче.
    Причина этого дела: окно редактирования - это iframe. В этом iframe есть свой head, в котором подключаются свои link'и к своим стилям. Среди прочего (см. первый пост), подключается и css из тимплейта, используемого на сайте. По какой-то причине все стили (текста, body, списков и т.д.) берутся не из css-файла самого редактора, а из css-файла шаблона.
    В моем случае это вызывает неудобство: картинка для body - темная, и сам текст - тоже темный.
    На самом сайте все в порядке: там они выводятся на светлом фоне (см. 2-ой аттач).
    Вывод: надо сделать так, чтобы при редактировании в админке стили брались не из css-файла тимплейта, а из css-файла редактора (а еще лучше - не брался бы только body).
     

    Вложения:

  5. Jkr
    Offline

    Jkr Группа поддержки

    Регистрация:
    04.08.2006
    Сообщения:
    464
    Симпатии:
    27
    Пол:
    Мужской
    Ответ: Убрать фон при редактировании

    Проблема решилась добавлением в css-файл шаблона такого стиля:

    Код (CODE):
    1. body.mceContentBody {
    2. background:#ffffff;
    3. }

    Он отвечает за body в том самом iframe, в котором происходит набор текста.
     
Статус темы:
Закрыта.

Поделиться этой страницей

Загрузка...