Шрифты, стили, визуальный редактор

Версия MODX: Revolution

Добрый день, начал использовать MODX REVO, но возникла проблема с визуальном редактором, дело вот в чем. Пишу текст в визуальном редакторе: меняю жирность, размер шрифта и цвет. Сохраняю это все дело, но на сайте без изменений. Вычитал, что нужно устанавливать на визуальный редактор стили, которые используются на сайте, но у меня же не всегда например заголовок H1 будет черного текста, захочу красный, то опять нужно менять стили? Подскажите, что в этом случае нужно делать, гуглил, но ответов не нашел, надеюсь на вашу помощь.

Илья
10.12.14 в 17:12

Комментарии (13)

Антон 11.12.2014 09:04 #

редактор какой?
1. Илья 11.12.2014 09:40 #
  
  Редактор: tinymce
Антон 11.12.2014 16:13 #

Никакие стили никуда добавлять не нужно, там же всё просто. К примеру пишете текст=>выделяете его=>делаете заголовком h1=>нажимаете кнопку «редактировать css стиль»=>выбираете цвет и прочую фигню=>нажимаете применить и обновить. Чего сложного? А вообще визуальные редакторы это зло. Используйте ace
1. Илья 11.12.2014 22:37 #
  
  Антон, еще такой вопрос, вот в визуальном редакторе выбираю я стиль «ЗАГОЛОВОК 1», по идеи это самый крупный заголовок, когда сохраняю и обновляю сайт, то текст какой был Arial 11, так и остался, это нормально?
  Или здесь все по другому по отношению к EVO? Если в EVO я выбрал к тексту ЗАГОЛОВОК 1, то и на сайте текст будет как ЗАГОЛОВОК 1, а в REVO получается надо настраивать все через «редактор стилей», я правильно понимаю?
  
  На этом скрине я изменил текст в визуальном редакторе, поставил так же ЗАГОЛОВОК 1 и ЖИРНОСТЬ
  
  Но на сайте все без изменений
  
  Это после редактирования текста в «редакторе стилей» в визуальном редакторе
  
  Текст поменялся, можно ли сделать как нибудь так, чтобы стили прописывались не в html? В EVO я ставил тексту ЗАГОЛОВОК 1 в визуальном редакторе, сохранял и обновлял страницу и все норм, а в REVO придется каждый раз текст менять через «редактор стилей»?
  Комментарий был изменён 11.12.2014 в 22:55
Антон 12.12.2014 14:57 #

Вам надо понять что визуальный редактор лишь подставляет за вас необходимые тэги, атрибуты и значения, а то как это всё отображается зависит от стилей вашего сайта.
Что бы стили не прописывались в html код вынесите все стили форматирования текста(h1-h6, p и т.д) в отдельный файл и подключите к tinymce в настройках modx.
От версии modx редактор не зависит. Если вы выделите текст и присвоете ему «Заголовок 1», то отображаться он будет так как у вас прописано отображение тэга h1 в стилях сайта, редактор стилей нужен что бы разово добавить доп атрибутов.
1. Илья 12.12.2014 15:18 #
  
  Антон, это понятно. Просто не могу понять один момент… Почему, когда я присваивал тексту ЗАГОЛОВОК 1(h1) в EVO, то текст становился больше, хотя в css не было указана размера шрифта h1, а когда я указываю тексту заголовок h1 в REVO, то шрифт текста остается без изменений на сайте, а в редакторе он изменился!? Мне это не понятно…
Антон 12.12.2014 20:12 #

Попробуйте после изменений в tinymce почистить кэш сайта, возможно в этом причина того что на сайте не меняется отображение. И киньте ссылку на эту страницу, тоже посмотрю.
1. Илья 12.12.2014 20:50 #
  
  Почистил я кэш, все равно без изменений. Сайт пока что лежит на OPEN SERVER, ниже фото как в редакторе выглядит заголовок и фото как на сайте отображается
  
  Фото в редакторе
  
  Отображение на сайте
  
  А ниже тот же самый шаблон только сделанный в EVO
  Фото редактора
  
  Фото на сайте
  
  CSS файл что на EVO, что на REVO одинаковый
  Не может же это зависеть, что EVO на Denwet, а REVO на Open Server, хоть это даже глупо так думать…
  Комментарий был изменён 12.12.2014 в 21:00
Антон 12.12.2014 22:55 #

ни modx, ни tinymce тут непричём. У вас со стилями что-то не так. Скиньте мне на почту все ваши css, или сюда выложите.
1. Илья 12.12.2014 23:37 #
  
  Антон, отправил вам на почту(alisinanton@gmail.com) письмо со стилями
Антон 13.12.2014 16:36 #
Таки вы reset всем стилям сделали, присвоили им:
```
{
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
} 
```
Поэтому у вас весь текст(заголовки всех уровней, абзацы и тд) выглядят одинаково. Вы либо к заголовкам эти reset стили не применяйте, либо в text.css пропишите им размеры.
Например так:
```
h1{
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d4d5d0;
	font-size: 2em;
}

h2{
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d4d5d0;
	font-size: 1.5em;
}

h3{
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d4d5d0;
	font-size: 1.17em;
}
```
1. Илья 14.12.2014 00:14 #
  
  Антон, спасибо вам большое, все исправил, все заработало=)
анжелика 09.08.2015 15:31 #

Здравствуйте Вы можете мне помочь? Я плохо в этих стилях кодах разбираюсь Только редактирую свой сайт У меня вопрос Я прописала h2-стекольная мастерская а h1 было Мебель и Зеркала Так вот почему теперь при вводе домена в адресной строке высвечивается домен+стекольная м Было домен+мебель и зеркала Как я представляю h1 должно быть приоритетнее чем h2

И еще вопрос Помогите поменять размер h1 В коде элемента я вижу и могу поменять Но в чанке что то не вижу этого Нашла подходящие цифры но ничего не меняется Может какая блокировка есть

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.