semanticeditor плагин Django CMS для редактирования текста NBSP &;. Это позволяет редактировать веб-сайт в семантическом образом, а затем назначить представления и макета детали каждой секции текста. Он поддерживает сложные макеты столбцов, используя простой набор элементов управления (новая строка, столбец) новый.
Классы CSS хранятся в базе данных, и может быть ограничено определенными элементами (р, ул Ли и т.д.) и некоторых шаблонов.
Этот проект используется как часть Arkestra по Кардифф школы Университета Медицины, который задумал системы.
Обзор
Целью является иметь редактор, в котором содержание отредактированный семантически, и оба макета колонки и стиль применяются отдельно. Тем не менее, в базе данных только в сочетании HTML сохраняется. Таким образом, мы имеем следующую ситуацию:
Содержание HTML хранится в базе данных что-то вроде:
& NBSP;
& NBSP;
Курс
& NBSP; <р класса = "Примечание граничит"> Текст
& NBSP;
& NBSP;
& NBSP;
Некоторые больше текста
& NBSP;
Это загружается в собственном редакторе в браузере, который тут же делает некоторые AJAX звонки на сервер, чтобы разложить его на упрощенной HTML:
Курс
Текст
то текст
и массив объектов с указанием, например, презентации:
[
и NBSP; {'h1_1 ": [" фантазии "]}, # стили для H1
и NBSP; {'P_1 ": [" примечание "," граничит "]}, # стили для P
& NBSP; {'newrow_h1_1': 'NewRow'}, # определяет ряд, прежде чем h1_1
& NBSP; {'newrow_p_2': 'newcolum'},
]
Эти две части редактируются отдельно, то есть пользователь не видит в сочетании HTML при редактировании. Перед сохранением в базу данных, редактор делает AJAX звонить, чтобы объединить две части. Обратите внимание на использование в Ид »добавлены атрибуты, чтобы помочь определить, какая информация укладка принадлежит - это будут удалены перед сохранением в базе данных.
В зависимости от графического интерфейса для редактирования информации презентации, пользователь может нажать A 'обновите' кнопку так, что они могут назначить данные представления вновь введенных пунктов и заголовков и т.д. Недавно введенные пункты и заголовки будут, очевидно, не имеют "ID" атрибуты , поэтому HTML может иметь быть обновлены в данный момент, так что все имеет свой идентификатор.
Расширения WYMeditor
Применение семантического редактор предоставляет свою собственную версию WYMeditor. Это происходит из шкур / шаблонов, найденных в Django-ПЦН2, со следующими настройками:
& NBSP; * имя кожи изменился от "Джанго" на "semanticeditor. Это необходимо, если мы хотим разрешить две различные версии WYMeditor на той же странице, один, используя обычные элементы управления WYMeditor + CMS, другой с полным "семантическая редактора управления, для более длинных частей содержания.
& NBSP; * Файл skin.js удаляет панель "классов", так как в этом нет необходимости и заменяется динамических элементов.
& NBSP; * skins.css - добавил стиль для дополнительных элементов управления представления
& NBSP; * плагин WYMeditor назван "семантическая" был добавлен. Это реализует большую часть логики на стороне клиента для этого приложения.
& NBSP; * шаблон editorwidget.html был изменен. В частности:
- Кожа была изменена на "semanticeditor '
- Призыв к wymeditor.semantic () была добавлена, чтобы настроить плагин.
& NBSP; * новый виджет Django "SemanticEditor" была создана, который наследует от Django виджета "WYMEditor 'в Django-ПЦН2. Это необходимо для того, чтобы:
- 'Семантический' плагин в WYMeditor Javascript файл может быть добавлен в СМИ
- Наш шаблон editorwdiget.html можно использовать
Что нового В этом выпуске:
- с Django-CMS 2.3. и 2,4
Что нового в версии 0.2.1:
- Исправлена ошибка упаковка (без шаблонов или статического СМИ)
Требования
- Python
- Django-CMS
Комментарии не найдены