Come dare possibilità di aggiungere classi CSS / ID di contenuti al di CMS WYSIWYG contenuti costruttore / editor per client non tecnico?

Question

• Come dare possibilità di aggiungere css classi / ID al contenuto al CMS contenuti costruttore WYSIWYG / editor per Non- cliente tecnico che non conosce html, css ma sa MS Word.

po 'di tempo a rendere i contenuti secondo il disegno tag XHTML non abbastanza. uso di classi CSS necessari.

• dobbiamo dare solo .classes CSS a utente o #id può essere dato anche?
• e come dovremmo scrivere il nome classi per la facilità di cliente?

In modo semantico o border4px come, alla luce del testo e pretty-sfondo? Quale metodo sarà un bene per il cliente non tecnico di scegliere e ricordare classi appropriate?

• Come popolare CMS data questa opzione per cliente ? Qual è il metodo migliore secondo l'usabilità?

Answer 1

La maggior parte Rich HTML editor on-line portare una goccia "stili" verso il basso, che permette all'utente di scegliere stili. Vedi per esempio qui per come è risolto in FCKEditor.

Per quanto riguarda ciò che gli stili di mettere in là, che dipende totalmente sul client IMO. Se hanno linee guida di progettazione, si vuole mettere stili là che corrispondono al tipo di carattere / colorante / corporate design. Si potrebbe anche fare questo personalizzabile dall'utente, ci sono diversi editori online di CSS in giro - non sono realmente per le persone non tecniche, anche se

.

Per quanto riguarda se utilizzare gli ID o classi: assoluto e sicuramente classi. E 'difficile evitare che gli ID di essere assegnato più volte in un editor WYSIWYG, che è un totale no-no.

La denominazione delle classi è a voi, davvero. Mi piace formati leggibili che allo stesso tempo sono un nome di classe:

• HeadingBig
• HeadingMedium

• HeadingSmall

• ProductCategory

• ProductDeclaration

• Citazione

• TipOfTheDay

i nomi delle classi sono ovviamente visualizzati per l'utente quando si seleziona la classe, quindi non c'è alcuna necessità di mantenere, separare i nomi di classe leggibile.