Вход • Регистрация

Доработка визуального редактора (стили как на фронтэнде)

  •
  • 16 октября 2015 г.
  • Добрый день, диафановцы и форумчане!
    Подскажите как можно сделать так, чтобы при редактировании в визуальном редакторе информация отображалась также как на самом сайте?
    Например, на сайте используются отдельно подключаемые шрифты, стили таблиц, списков, заголовков и т.д. ... хотелось бы и в визуальном редакторе видеть информацию такими же шрифтами, заголовками, списками и т.д., чтобы практически видеть как информация в реале на сайте будет выглядеть.

    В другой CMS, с которой когда то работал было реализовано примерно так: один файл стилей, например, VEDITOR.CSS был в системе специально для редактора отведен, в него и вносили нужные стили, которые необходимы для редактора. Т.е. там и шрифты указаны были, и стили заголовков, списков и т.д... и в самом визуальном редакторе был выпадающий список со стилями, которого в данный момент в диафане нет.

    Какое то подобное решение есть? Если есть подскажите пожалуйста как сделать.
    Или нужно самостоятельно поковыряться в настройках и конфигурации редактора? Тогда где и что копать?

    Заранее СПАСИБО!
    •
    • 16 октября 2015 г.
    • Вставлять текст без форматирования....
      •
      • 16 октября 2015 г.
      • Правой кнопки мышки -> "Вставить как обычный текст"
        Ваше конрол С Контрол В - тянет формат текста из Ворда или с других сайтов....

        или вставляйте через HTML
        •
        • 16 октября 2015 г.
        • :) это понятно, но это не то что нужно. Во первых не всегда тянет так как нужно! Во вторых смысл другой! Ну например:

          1. на сайте для всего текста используется шрифт Open sans или Roboto ... на компе с которого редактируется информация нет этих шрифтов... поэтому и в самом Worde их нет, чтобы оттуда их тянуть. НО я хочу вносить информацию в визуальном редакторе и чтобы весь текст также как и на сайте был шрифтом Open Sans или Roboto. А в данный момент в редакторе (font-family: Verdana, Arial, Helvetica, sans-serif;) ... при сохранении информации она на сайте отображается шрифтом Open sans, но в редакторе нет.

          2. Или например у меня на сайте для списка UL LI в стилях прописано что для UL указано list-style-type: none; а для LI background-image.... ну чтобы списки определенного стиля были (определенные отступы, отметки и т.д.) - хочется и в редакторе видеть как в реале будет на сайте выглядеть. Как во вложении пример.

          3. Ну или например у меня заголовки H1-H6 имеют определенное оформление (цвет, подчеркивание и т.п.) хочется и в редакторе при выделении текста и задании формата ЗАГОЛОВОК 1 - 6 тоже видеть как он будет в реале отображаться на сайте.

          В общем суть чтобы в редакторе информация также отображалась как на самом сайте.

Новости

  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля, среда
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
  • Новость. Сборка. Тарифы
  • 15 декабря 2023 г.
  • Подводим итоги 2023 года. Выпустили новую сборку DIAFAN.CMS 7.1.1, вводим новые тарифы на аренду сайта и коммерческую поддержку и автообновления с января 2024 г., строим планы на будущий год.
Все новости