16 февр. 2010 г.

Django-cms, WYMEditor: свои стили.

По умолчанию набор стилей ограничен. Вот я и решил добавить свой стиль “center”, центрующий контент. На скрине он “PARA: Center”. Смысл “PARA” я не понимаю, но оставляю как есть.

after

Все доступные настройки данного плагина хранятся в cms/plugins/text/settings.py.

Я добавил в свой settings.py проекта следующие строки:


WYM_CLASSES = ",\n".join([

    "{'name': 'date', 'title': 'PARA: Date', 'expr': 'p'}",

    "{'name': 'hidden-note', 'title': 'PARA: Hidden note', 'expr': 'p[@class!=\"important\"]'}",



    "{'name': 'center', 'title': 'PARA: Center', 'expr': 'p'}",

])



WYM_STYLES = ",\n".join([

    "{'name': '.hidden-note', 'css': 'color: #999; border: 2px solid #ccc;'}",

    "{'name': '.date', 'css': 'background-color: #ff9; border: 2px solid #ee9;'}",



    "{'name': '.center', 'css': 'border: 2px solid #ee9; text-align:center;'}",

])


Приведенные WYM_STYLES определяют то, как контент будет выглядеть в редакторе. Менеджеры контента любят, когда он меняется динамически и WYSWYG оправдывает свое название.

И прописал стиль в css:


.center { text-align: center; }


Естественно, все это можно было сделать иначе…




Отправить комментарий