Comment donner l'option d'ajouter des classes CSS / IDs au contenu dans le générateur de contenu WYSIWYG / éditeur de CMS au client non technique?

Question

• Comment donner l'option d'ajouter css classes / ID de contenu dans CMS constructeur WYSIWYG contenu / éditeur non client technique qui ne sait pas html, css, mais sait MS Word.

un peu de temps pour rendre le contenu en fonction de conception XHTML balises ne suffit pas. utilisation des classes CSS nécessaires.

• Faut-il donner seulement à .classes css utilisateur ou #id ils peuvent également être?
• et comment nous devrions écrire le nom classes pour la facilité du client?

En mode sémantique ou comme border4px, la lumière du texte et joli fond? Quelle méthode sera bon pour le client non technique de choisir et de se rappeler les classes appropriées?

• Comment donner cette option CMS populaire client ? Quelle est la meilleure méthode facilité d'utilisation selon?

Answer 1

La plupart Rich HTML éditeurs en ligne apportent un « styles » déroulant qui permet à l'utilisateur de choisir des styles. Voir par exemple ici pour la façon dont il est résolu FCKEditor.

Quant à ce que les styles à mettre là-dedans, cela dépend totalement de votre client de l'OMI. Si elles ont des lignes directrices de conception, vous voulez mettre là-bas styles qui correspondent à la police d'entreprise / couleur / design. Vous pouvez aussi faire ce personnalisable par l'utilisateur, il y a plusieurs éditeurs CSS en ligne autour - ils ne sont pas vraiment pour les personnes non-techniques, bien que

.

En ce qui concerne l'opportunité d'utiliser des ID ou des classes: Absolument et certainement classes. Il est difficile d'empêcher les ID d'être attribué à plusieurs reprises dans un éditeur WYSIWYG, qui est un non-non totale.

La dénomination des classes est à vous, vraiment. J'aime les formats lisibles par l'homme qui en même temps sont un nom de classe:

• HeadingBig
• HeadingMedium

• HeadingSmall

• ProductCategory

• ProductDeclaration

• Citation

• TipOfTheDay

les noms de classe sont évidemment affichées à l'utilisateur lors de la sélection de la classe, donc il n'y a pas besoin de garder séparés, les noms de classes lisibles par l'homme.