semanticeditor is een Django CMS plugin voor het bewerken van tekst & nbsp;. Hiermee kunt u een website presentatie en lay-out te bewerken in een semantische manier, en dan toe te wijzen aan elke sectie van de tekst. Het ondersteunt complexe kolom lay-outs met behulp van een eenvoudige set van de controles (nieuwe rij, nieuwe kolom).
CSS klassen worden opgeslagen in de database, en kan worden beperkt tot bepaalde elementen (p, ul, li etc) en bepaalde sjablonen.
Dit project wordt gebruikt als onderdeel van Arkestra door Cardiff University School of Geneeskunde, die van het systeem bedacht.
Overzicht
Het doel is om een editor waarin de inhoud semantisch wordt bewerkt te hebben, en beide kolommen lay-out en styling worden afzonderlijk toegepast. In de database alleen de gecombineerde HTML wordt opgeslagen. Dus hebben we de volgende situatie:
HTML-inhoud wordt opgeslagen in de database iets als:
& Nbsp;
& Nbsp;
rubriek
& Nbsp;
wat tekst
& Nbsp;
& Nbsp;
& Nbsp;
Sommige meer tekst
& Nbsp;
Deze wordt in een aangepaste editor in de browser die vervolgens onmiddellijk doet wat AJAX oproepen naar de server te ontleden in vereenvoudigde HTML geladen:
rubriek
wat tekst
Sommige meer tekst
en een scala aan voorwerpen met vermelding van de presentatie bijvoorbeeld:
[
& Nbsp; {"h1_1 ': [' buitensporige ']}, # stijlen voor de H1
& Nbsp; {"p_1 ': [' note ',' begrensd ']}, # stijlen voor de P
& Nbsp; {"newrow_h1_1 ':' NewRow '}, # specificeert rij voordat h1_1
& Nbsp; {"newrow_p_2 ':' newcolum '},
]
Deze twee delen worden dan afzonderlijk bewerkt, dat wil zeggen de gebruiker niet ziet de gecombineerde HTML tijdens het bewerken. Voor het opslaan van de database, heeft de uitgever een AJAX bellen om de twee delen te combineren. Let op het gebruik van het "id" attributen worden toegevoegd om te helpen bepalen welke styling informatie behoort - deze zullen voor het opslaan in de database worden verwijderd.
Afhankelijk van de GUI voor het bewerken van de presentatie informatie, kan de gebruiker op een knop drukken 'refresh', zodat ze presentatie info kunt toewijzen aan nieuw ingevoerde paragrafen en koppen enz nieuw ingevoerde alinea's en koppen zullen uiteraard niet de 'id' attributen , zodat de HTML kan moeten worden bijgewerkt op dit moment zo goed, dus alles heeft een id.
WYMeditor extensies
Het Semantic Editor applicatie biedt zijn eigen versie van WYMeditor. Dit wordt afgeleid uit de huiden / templates in django-CMS2, met de volgende aanpassingen:
& Nbsp; * de naam van de huid veranderd van 'Django' naar 'semanticeditor'. Dit is noodzakelijk als we twee verschillende versies van WYMeditor op dezelfde pagina, een met behulp van de normale WYMeditor + CMS controles, een andere met de volledige 'semantische editor' controles mogelijk te maken, voor langere stukken van de inhoud.
& Nbsp; * De skin.js bestand verwijdert het paneel 'klassen', aangezien dit niet nodig is en wordt vervangen door dynamische elementen.
& Nbsp; * skins.css - toegevoegde styling voor een extra presentatie controles
& Nbsp; * een WYMeditor plugin genaamd 'semantische' is toegevoegd. Deze voert de meeste client logica voor deze toepassing.
& Nbsp; * de editorwidget.html sjabloon is veranderd. In het bijzonder:
- De huid is veranderd in 'semanticeditor'
- Een oproep tot wymeditor.semantic () is toegevoegd aan het opzetten van de plugin.
& Nbsp; * een nieuwe Django widget 'SemanticEditor' is gemaakt dat erft van de Django 'WYMEditor' widget in django-CMS2. Dit is nodig, zodat:
- De WYMeditor 'semantische' plugin javascript bestand kan worden toegevoegd aan de Media
- Onze editorwdiget.html sjabloon kan worden gebruikt
Wat is nieuw in deze release:
- Compatibiliteit met Django-cms 2.3. en 2,4
- Groepering van CSS-klassen per categorie
- Knop om editor in een nieuw tabblad te openen
- UI verbeteringen
- Vast typo dat volledige mislukking van semantische plugin veroorzaakt onder jQuery 1.4.2
- Andere bug fixes
Wat is nieuw in versie 0.2.1:
- Fixed bug verpakking (geen templates of statische media)
Eisen
- Python
- Django-cms
Reacties niet gevonden