We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 28106
    • 91 Posts
    Здравствуйте! Такая вот проблема:
    MODx Evo 1.0.4

    Подключил к редактору TinyMCE стили, для того, что бы в процессе редактирования все выглядело так, как на сайте.Но вот беда - некоторые из них не отображаются. При редактировании страницы будет вставляться таблица из Word через соответствующую кнопку в редакторе, таблица вставляется нормально, но отображается по умолчанию (border: 0 и т.д. и т.п.).

    В шаблоне контент вставляется так

    <div id="content">
    [*content*]
    [*print*]
    </div>

    и в файле стилей css есть такая инструкция:
    #content table
    {
    border: 1px solid #7E7E7E;
    border-collapse: collapse;
    }

    И у меня есть подозрения, что TinyMCE не хочет применять стили к таблице именно потому, что у него-то нет div с id=content.

    Вот и возник вопрос, как же можно заставить его отображать необходимые мне стили? Пытался определить, есть ли у самого TinyMCE какой-нибудь класс, отвечающий за контент в поле редактирования, но так и не нашел его...

    Может быть есть у кого-нибудь мысли по этому поводу? (при этом не изменяя структуру шаблона и не добавляя к таблице класс)
      ----------------------------
      in ModX we trust
      • 9085
      • 630 Posts
      Можно сделать отдельный файл стиля для tinymce, в котором прописать что-то вроде:

      @import "mainstyle.css"
      table{border:solid 1px black;}
      ...

      А вообще, логичнее, наверное было бы для всех table прописать border, а для нужных-конкретных "безбордюрных" - убрать. smiley

      * Ответ не tinymce-ориентированный, потому как до такого просто не доходило. smiley
        Правильно заданный вопрос повышает вероятность получения нужного ответа.
        Что-то не работает? Загляните в лог ошибок!
        Есть проблема? "Локализуйте" её!
        Ответы на большинство вопросов по MODx | MODx RTFM | API Evo Revo | галопом по Европам Азиям smiley wikibooks(ru) Ditto(en) | Wayfinder e-book | Заметки и о MODx
        • 26883
        • 137 Posts
        И у меня есть подозрения, что TinyMCE не хочет применять стили к таблице именно потому, что у него-то нет div с id=content.

        Вот и возник вопрос, как же можно заставить его отображать необходимые мне стили? Пытался определить, есть ли у самого TinyMCE какой-нибудь класс, отвечающий за контент в поле редактирования, но так и не нашел его...
        Что бы определить, какими CSS пользуется Tiny, надо проставить дополнение WebDeveloper в Firefox. Вообще просто обязательно нужно иметь!

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

        Конкретно Tiny в своем поле редактирования использует * и html в "пустом" месте. И body для цвета фона.
        Вот body в CSS, подгружаемый в Tiny, приходится переопределять. Цвет body для всего сайт, скорее всего, не такой как у колонки с контентом, редактируемым в Tiny.

        Все остальное отображается стилями, которые попадают в то место, которое является контентом документа в MODx. Что опишете в поле content внутри его текста, то и отобразится. Внешние стили (по отношению к контенту), например id=content, Tiny не знает. Да и откуда ему их знать, ведь ему только текст из поля БД передается.

        PS. А еще интереснее добиваться, чтобы и в выпадающем списке Стили в Tiny всё выглядело точно так же, как в CSS сайта... Сложно, но можно.
          • 28106
          • 91 Posts
          Спасибо, ShaggyDoc! У меня WebDeveloper стоит, но что-то я не сообразил его использовать в данной ситуации))
          А так стало все на свои места: класс TinyMCE для определения стилей при редактировании .mceContentBody
          (Может еще кому-нибудь пригодится)
          Т.е. если у Вас применяется стиль не к самому элементу в [*content*], а, например к DIV, в котором содержится контент и Вам нужно что б так все и оставалось, то можно использовать класс mceContentBody, для отображения стилей контента при редактировании в TinyMCE.
            ----------------------------
            in ModX we trust