semanticeditor este un plugin Django CMS pentru editare de text. & Nbsp; Acesta vă permite să editați un site web într-un mod semantic, și apoi atribuiți prezentare și aspect detalii fiecare secțiune a textului. Aceasta susține machete coloana complexe, utilizând un simplu set de controale (nou rând, coloană nouă).
Clase CSS sunt stocate în baza de date, și poate fi limitată la anumite elemente (p, ul, li etc) și la anumite modele.
Acest proiect este folosit ca parte a Arkestra de Cardiff University School of Medicină, care a conceput sistemul.
Prezentare generală
Scopul este de a avea un editor în care conținutul este editată semantic, și atât aspectul coloană și stil sunt aplicate separat. Cu toate acestea, în baza de date sunt stocate numai HTML combinate. Deci, avem următoarea situație:
Conținutul HTML este stocat în baza de date ceva de genul:
& Nbsp;
& Nbsp;
& Nbsp;
Unele texte
& Nbsp;
& Nbsp;
& Nbsp;
Unele texte mai
& Nbsp;
Acest lucru este încărcat într-un editor de personalizat în browser-ul care apoi imediat face unele AJAX apeluri la server pentru a descompune în HTML simplificat:
Rubrica
Unele texte
Unele texte mai
și o serie de obiecte care precizează prezentare ex:
[
& nbsp; {'h1_1 ": [' fantezie ']}, # stiluri pentru H1
& nbsp; {'p_1 ": [" nota "," mărginit "]}, # stiluri pentru P
& Nbsp; {'newrow_h1_1': 'newrow "}, # specifică rând înainte h1_1
& Nbsp; {'newrow_p_2': 'newcolum'},
]
Aceste două părți sunt apoi editate separat, adică utilizatorul nu vede HTML combinate timp de editare. Înainte de a salva în baza de date, editorul nu apela un AJAX pentru a combina cele două părți. Notă utilizarea atributelor 'id', se adaugă pentru a ajuta la identificarea ceea ce aparține informațiile styling la - acestea vor fi eliminate înainte de a salva in baza de date.
În funcție de GUI pentru editarea info prezentare, utilizatorul ar putea să apăsați un buton "refresh", astfel încât acestea să poată atribui informatii de prezentare a punctelor și pozițiile nou intrate etc. punctele nou introduse și rubrici nu va avea în mod evident, "id" atributele , astfel încât HTML ar putea să fie actualizate în acest moment, de asemenea, astfel încât tot ceea ce are un id.
Extensii WYMeditor
Cererea Editor Semantic oferă propria versiune a WYMeditor. Acest lucru este derivat din piei / template-uri găsite în django-cms2, cu următoarele personalizari:
& Nbsp; * Numele pielii modifică de la "Django" la "semanticeditor". Acest lucru este necesar dacă vrem să permită două versiuni diferite ale WYMeditor pe aceeași pagină, unul folosind normale controalele WYMeditor + CMS, un altul cu complete de control "editor semantic, pentru piese lungi de conținut.
& Nbsp; * Fișierul skin.js elimină panoul "clase", deoarece acest lucru nu este necesar și se înlocuiește cu elemente dinamice.
& Nbsp; * skins.css - adăugat de styling pentru controale suplimentare de prezentare
& Nbsp; * un plugin WYMeditor numit "semantic" a fost adăugat. Acest implementează majoritatea logicii partea clientului pentru această aplicație.
& Nbsp; * modelul editorwidget.html a fost schimbat. În special:
- Pielea a fost schimbat la "semanticeditor"
- Un apel la wymeditor.semantic () a fost adăugat pentru a configura plugin.
& Nbsp; * un nou widget django "SemanticEditor" a fost creat ca moștenește de la Django "WYMEditor" widget în django-cms2. Acest lucru este necesar, astfel încât:
- "Semantic" plugin WYMeditor javascript fișier poate fi adăugat la Media
- Șablonul nostru editorwdiget.html poate fi utilizat
Ce este nou în această versiune:
- Compatibilitate cu Django-CMS 2.3. și 2.4
- Gruparea de clase CSS pe categorii
- pentru a deschide editorul in new tab
- îmbunătățiri UI
- typo fixă care a cauzat eșecul completă a plugin semantic în jQuery 1.4.2
- Alte bug fixat
Ce este nou în versiunea 0.2.1:
- bug ambalaje Fixed (nu șabloane sau mediu static)
Cerințe :
- Python
- django-cms
Comentariile nu a fost găsit