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

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

  •
  • 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.Cloud
  • 25 марта
  • Мы обновили систему тарифов, учитывая опыт работы с клиентами и современные рыночные условия. Новая тарифная сетка разработана специально для того, чтобы лучше отвечать вашим потребностям. Резкого повышения цен не произошло. Более того, некоторые тарифы даже стали выгоднее и доступнее. 
  • Новая сборка DIAFAN.CMS 7.2.5
  • 17 января
  • В преддверии 2025 года была выпущена сборка 7.2.5, которая не приносит радикальных изменений в функциональности, но способствует повышению стабильности работы системы и расширению возможностей облачного сервиса для создания сайтов.
  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня 2024 г.
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
Все новости