semanticeditor ist ein Django CMS-Plugin für Textbearbeitung & nbsp;. Es erlaubt Ihnen, eine Website in einem semantischen Weg, um jeden Abschnitt der Text zu bearbeiten, und weisen Sie dann Präsentation und Layout Details. Es unterstützt komplexe Spaltenlayouts mit einem einfachen Satz von Steuerelementen (neue Zeile, neue Spalte).
CSS-Klassen sind in der Datenbank gespeichert sind, und kann auf bestimmte Elemente (p, ul, Li, etc.) und bestimmte Vorlagen beschränkt.
Dieses Projekt wird im Rahmen des Arkestra von Cardiff University School of Medecine, die von dem System verwendet konzipiert.
Überblick
Ziel ist es, einen Editor, in der Inhalte semantisch bearbeitet haben, und beide Spalten-Layout und Styling separat angesetzt. Jedoch wird in der Datenbank nur die kombinierte Datei gespeichert ist. So haben wir die folgende Situation:
HTML-Inhalte in der Datenbank gespeichert sind etwas wie:
& Nbsp;
& Nbsp;
Überschrift
& Nbsp;
Irgendein Text
& Nbsp;
& Nbsp;
& Nbsp;
Noch mehr Text
& Nbsp;
Dies wird in einem benutzerdefinierten Editor im Browser, der dann sofort tut einige AJAX-Aufrufe an den Server, um sie in vereinfachter HTML zersetzen geladen:
Überschrift
Irgendein Text
]
Diese beiden Teile werden dann separat bearbeitet, dh der Benutzer sieht nicht die kombinierte HTML während der Bearbeitung. Vor dem Speichern in der Datenbank, wird der Editor einen Ajax-Aufruf, um die beiden Teile zu verbinden. Beachten Sie die Verwendung der 'id' Attribute werden hinzugefügt, um herauszufinden, was das Styling Informationen gehört - diese werden vor dem Speichern in der Datenbank entfernt werden.
In Abhängigkeit von der GUI für die Bearbeitung der Präsentation Info, der Benutzer möglicherweise drücken ein "Refresh" Taste, so dass sie Präsentation Infos zu neu eingegebenen Absätze und Überschriften usw. zuweisen Neu eingetragen Absätze und Überschriften werden die 'id' offensichtlich nicht Attribute , so dass die HTML Möglicherweise müssen Sie an dieser Stelle ebenfalls aktualisiert werden, so dass alles hat eine ID.
WYMeditor Erweiterungen
Das Semantic Editor-Anwendung bietet eine eigene Version von WYMeditor. Dies wird von den Schalen / templates in django-cms2 gefunden, mit den folgenden Anpassungen abgeleitet:
& Nbsp; * Name der Haut von 'Django' bis 'semanticeditor' geändert. Dies ist notwendig, wenn wir zwei verschiedene Versionen von WYMeditor auf der gleichen Seite, eine mit den normalen WYMeditor + CMS steuert, ein anderer mit den vollen 'semantischer Editor "Steuerung ermöglicht, für längere Stücke von Inhalten.
& Nbsp; * Die skin.js Datei entfernt das Panel "Klassen", denn dies ist nicht erforderlich und wird durch dynamische Elemente ersetzt.
& Nbsp; * skins.css - zusätzliches Styling für zusätzliche Präsentationssteuerungen
& Nbsp; * a WYMeditor Plugin namens 'semantischen' wurde hinzugefügt. Dies setzt die Mehrzahl der Client-Seite Logik für diese Anwendung.
& Nbsp; * die editorwidget.html Vorlage wurde geändert. Insbesondere:
- Die Haut zu "semanticeditor 'geändert
- Ein Aufruf zum wymeditor.semantic () wurde hinzugefügt, um die Einrichtung des Plugins.
& Nbsp; * eine neue django Widget 'SemanticEditor' entstanden, aus der django 'WYMeditor' Widget in django-cms2 erbt. Dies wird benötigt, so dass:
- 'Semantischen' plugin der WYMeditor JavaScript-Datei kann auf Medien hinzugefügt werden
- Unsere editorwdiget.html Vorlage verwendet werden kann
Was ist neu in dieser Pressemitteilung:
- Die Kompatibilität mit django-cms 2.3. und 2.4
- Gruppierung von CSS-Klassen nach Kategorie
- , um Editor in neuen Tab zu öffnen
- Verbesserungen der Benutzeroberfläche
- Tippfehler, die kompletten Ausfall semantische Plugin unter jQuery 1.4.2 verursacht
- Weitere Bugfixes
Was ist neu in Version 0.2.1:
- Fixed bug Verpackung (keine Vorlagen oder statische Medien)
Anforderungen :
- Python
- django-cms
Kommentare nicht gefunden