Предположим, на странице сайта стили для различных элементов в контентной зоне заданы примерно так:
.main .content .content-block .block-center .fix-right-cols-inner h2{ ... }
И в контенте у нас прописан обычный тэг H2 без классов или id. Очевидно, что какой-то стиль туда применится только после вставки контента в шаблон, а в админке мы увидим обычный H2 по умолчанию. Это произойдет потому что в редакторе будет отображаться только контентная зона, без вышестоящих элементов, и браузер не сможет вычислить иерархию CSS классов.
По сути, итоговый стиль можно будет увидеть только в том случае, если вставить контент в шаблон и применить ко всему HTML стили из common.css.
Можно, конечно, переработать CSS всего сайта, но иногда это неудобно, да и нелогично. Есть другой вариант решения проблемы. Чтобы и в админзоне увидеть тот же стиль, что и на сайте, нужно использовать класс .mceContentBody в таблице стилей сайта, то есть в файле common.css.
Класс .mceContentBody является классом для тэга body внутри визуального редактора tinyMCE. Прописав такую конструкцию:
.main .content .content-block .block-center .fix-right-cols-inner h2, .mceContentBody h2{
...
}
мы говорим браузеру применить стиль как к определенной области на сайте, так и в редакторе страниц в админзоне.
