Главное меню
все форумы все темы форума добавить тему
панель визуального редактирования
На самом деле "правильного" решения этой проблемы у меня пока нет. Дело в том, что визуальный редактор создает собственную "страницу внутри страницы" и подключает к ней собственное оформление. При этом элементы выглядят совсем не так, как будут выглядеть на странице. То есть смысл "визуальности" теряется. Чтобы этого избежать, подключается css от текущего скина. В этом случае отображение получается более-менее правдоподобное. За исключением случаев хитрой верстки. Например:
[html]<body>
    <div>
        Тут текст на странице
    </div>
</body>[/html]
 
CSS

body(background:black}
body div{background:white}
 

 
Редактор же ничего не знает о нашей хитрой верстке, поэтому наивно создает вот такую конструкцию:
[html]<body>
        Тут текст на странице
</body>[/html]
И подключив наш css мы получаем черный текст на черном фоне.
 
Пути решения:
1. Меняем верстку и css таким образом, чтобы избежать подобных накладок.
2. Рисуем отдельный css для визуального редактора
3. Вообще в редакторе отключаем свой css и пользуемся встроенным.
 
Во втором и третьем случае надо скопировать в свой скин папочку /skins/default/WYSIWYG
после чего исправить в файле /skins/my_skin/WYSIWYG/editor.tpl строчку
Smarty
content_css : "{foreach $css as $item}{$item.path}{if !$item@last},{/if}{/foreach}",

на
Smarty
content_css : "/skins/my_skin/WYSIWYG/my_css_for_editor.css",

либо убрать ее совсем.