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

16 октября 2015 г.

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

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

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

Заранее СПАСИБО!

- Dmitry (afonnikov10)
- 253
16 октября 2015 г.
Вставлять текст без форматирования....
- Dmitry (afonnikov10)
  253
- 16 октября 2015 г.
- Правой кнопки мышки -> "Вставить как обычный текст"
  Ваше конрол С Контрол В - тянет формат текста из Ворда или с других сайтов....
  
  или вставляйте через HTML
- Максим (web-prosto)
  23
  
  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)
  867
  
  16 октября 2015 г.
  
  В /adm/htmleditor/tiny_mce/themes/advanced/skins/default/content.css текущие стили для зон текста.
  Импортните в этот файл свои стили и все.
  
  Поблагодарили: Станислав (kytyzov), Валерий Викторович (Sherrlok), Ильдар (juniormax), Сергей (darkheart), Михаил (ZzzBep), Владимир (Harweb)

Новости

Блоги

Блоги

Форум