Недавно сам задавался этим вопросом, но сам его решил. Теперь решил рассказать всем поподробнее.
Например если вы не будете изменять, а просто скачаете и разместите файл, что я выложил ниже, у вас получится что то типо этого
Как изменить оформление редактора сообщений, а точнее что мы рассмотрим:
- Как сделать фон редатора сообщений
- Как изменить цвет текста по умолчанию в редакторе сообщений
- Как изменить шрифт по умолчанию
Для начала скачиваем файл
Открываем его любым текстовым редактором, советую Notepad ++
И что мы видим? Код
Spoiler
/* Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or __ckeditor.com/license */ body { /* Font */ font-family: 'Helvetica Neue', Arial, Verdana, sans-serif; font-size: 14px; /* Text color */ color: #bcbcbc; /* Remove the background color to make it transparent */ background-color: #1a1a1a; } /* preserved spaces for rtl list item bullets. (#6249)*/ ol,ul,dl { padding-right:40px; } html { /* #3658: [IE6] Editor document has horizontal scrollbar on long lines To prevent this misbehavior, we show the scrollbar always */ _overflow-y: scroll; /* #6341: The text cursor must be set on the editor area. */ cursor: text; /* #6632: Avoid having "text" shape of cursor in IE7 scrollbars.*/ *cursor:auto; } p { margin: 0px; } img:-moz-broken { -moz-force-broken-image-icon : 1; width : 24px; height : 24px; } img, input, textarea { cursor: default; } img.bbc_emoticon { vertical-align: middle; }
Что это за страшный код? Все очень просто!!!
Код
/* Font */ font-family: 'Helvetica Neue', Arial, Verdana, sans-serif; font-size: 14px;
Этот код отвечает как вы думаю поняли за шрифт...
Далее этот код
/* Text color */ color: #bcbcbc;
Отвечает за цвет текста, т.е. #bcbcbc - Код цвета, который меняете на свой
Далее код
/* Remove the background color to make it transparent */ background-color: #1a1a1a;
Отвечает за цвет фона, т.е. #1a1a1a - Код заднего фона, который меняете на свой.
После того, как вы все изменили, заливаем этот файл по пути
/public/style_images/ВАШ СТИЛЬ/editor
Где ВАШ СТИЛЬ - это ваш стиль
Затем идем в АЦ - Стили - Управление шаблонами - Редактор сообщений - EditorLoadJS
И там самый последний
CKEDITOR.config.
Заменяем на
CKEDITOR.config.contentsCss = '{style_images_url}/editor/dark_editor.css';
Автор статьи я. При копировании обязательно указывать ссылку на IPBmafia.ru
Рекомендуемые комментарии
Комментариев нет
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.