semanticeditor är en Django CMS plugin för textredigering. & Nbsp; Det låter dig redigera en webbplats i en semantisk sätt, och sedan tilldela presentation och layout detaljer till varje avsnitt av texten. Den stöder komplexa kolumn layouter med hjälp av en enkel uppsättning kontroller (ny rad, ny kolumn).
CSS-klasser lagras i databasen, och kan begränsas till vissa delar (p, ul, li etc) och vissa mallar.
Detta projekt används som en del av Arkestra från Cardiff University School of Medecine, som uppfattas av systemet.
Översikt
Målet är att ha en redaktör där innehållet redigeras semantiskt, och både kolumn layout och styling tillämpas separat. Emellertid, i databasen endast den kombinerade HTML lagras. Så har vi följande situation:
HTML-innehåll lagras i databasen ungefär så här:
& Nbsp;
& Nbsp;
Rubrik
& Nbsp;
Vissa text
& Nbsp;
& Nbsp;
& Nbsp;
Lite mer text
& Nbsp;
Detta är laddad i en anpassad redigerare i webbläsaren som sedan omedelbart gör några AJAX samtal till servern för att bryta ner den i förenklad HTML:
Rubrik
Vissa text
& nbsp; {'p_1 ": [" not "," gränsar "]} # stilar för P
& Nbsp; {'newrow_h1_1 ":" newrow "}, anger rad innan h1_1 #
& Nbsp; {'newrow_p_2 ":" newcolum "},
]
Dessa två delar är sedan redigeras separat, det vill säga att användaren inte ser den kombinerade HTML medan redigering. Innan du sparar till databasen, inte redaktören en AJAX ringa för att kombinera de två delarna. Observera användningen av "id" attribut läggs för att identifiera vad styling information hör till - dessa kommer att tas bort innan du sparar i databasen.
Beroende på GUI för att redigera presentationen info, kan användaren behöva trycka på en "uppdatera" -knappen så att de kan ge presentation info till nu inlagda stycken och rubriker etc. Nyligen trädde stycken och rubriker kommer uppenbarligen inte att ha "id" attribut , så HTML kan behöva uppdateras vid denna tidpunkt också, så allt har en id.
WYMeditor förlängningar
Den semantiska Redaktör ansökan ger sin egen version av WYMeditor. Detta härrör från skinn / mallar som finns i django-CMS2, med följande anpassningar:
& Nbsp; * namnet på huden ändras från "Django" till "semanticeditor". Detta är nödvändigt om vi ska låta två olika versioner av WYMeditor på samma sida, en med de normala WYMeditor + CMS kontroller, en annan med full "semantisk redaktör" kontroller för längre delar av innehållet.
& Nbsp; * Den skin.js filen bort "klasser" panelen eftersom detta inte behövs och ersätts av dynamiska element.
& Nbsp; * skins.css - lagt styling för ytterligare presentation kontroller
& Nbsp; * en WYMeditor plugin som heter "semantisk" har lagts till. Detta implementerar de flesta av klientsidan logik för denna applikation.
& Nbsp; * att editorwidget.html mallen har ändrats. Särskilt:
- Huden har ändrats till "semanticeditor"
- Ett samtal till wymeditor.semantic () har lagts för att ställa in insticksprogrammet.
& Nbsp; * en ny django widget "SemanticEditor" har skapats som ärver från django "WYMEditor" widget i django-CMS2. Detta behövs för att:
- Den WYMeditor "semantisk" plugin javascript fil kan läggas till Media
- Vår editorwdiget.html mall kan användas
Vad är nytt i den här versionen:
- Kompatibilitet med django-cms 2.3. och 2,4
- Gruppering av CSS-klasser per kategori
- för att öppna redigeraren i ny flik
- UI förbättringar
- Fixat stavfel som orsakade totalt bortfall av semantisk plugin enligt jQuery 1.4.2
- Andra buggfixar
Vad är nytt i version 0.2.1:
- Fixat förpacknings bugg (inga mallar eller statisk media)
Krav :
- Python
- django-cms
Kommentarer hittades inte