Como dar opção de adicionar aulas/IDs CSS ao conteúdo no Wysiwyg Builder/editor do Wysiwyg do CMS ao cliente não técnico?

StackOverflow https://stackoverflow.com/questions/2272998

Pergunta

  • Como dar opção para adicionar aulas/IDs CSS ao conteúdo no Conteúdo do CMS Wysiwyg Builder/editor ao cliente não técnico que não conhece HTML, CSS, mas conhece o MS Word.

Algum tempo para fazer conteúdo de acordo com as tags do design XHTML, não é suficiente. Uso de classes CSS necessárias.

  • Devemos dar apenas CSS .Classes ao usuário ou #ID também podem ser fornecidos?
  • E como devemos escrever o nome das aulas para facilitar o cliente?

De maneira semântica ou como border4px, texto leve e background? Qual método será bom para o cliente não técnico escolher e se lembrar de classes apropriadas?

  • Quão populares o CMS recebeu esta opção para o cliente? Qual é o melhor método de acordo com a usabilidade?
Foi útil?

Solução

Os editores on -line HTML mais ricos trazem uma suspensão "estilos" que permite ao usuário escolher estilos. Veja por exemplo aqui para como está resolvido no FCKeditor.

Quanto aos estilos para colocar lá, isso depende totalmente do seu cliente IMO. Se eles tiverem diretrizes de design, você desejará colocar estilos lá que correspondam à fonte corporativa / coloração / design. Você também pode tornar isso personalizável pelo usuário, existem vários editores CSS on -line por perto - eles não são realmente para pessoas não técnicas.

Quanto a usar IDs ou aulas: absolutamente e definitivamente aulas. É difícil impedir que os IDs sejam atribuídos várias vezes em um editor Wysiwyg, que é um não-não total.

A nomeação das aulas depende de você, na verdade. Eu gosto de formatos legíveis por humanos que, ao mesmo tempo, são um nome de classe:

  • Headingbig
  • ChefingMedium
  • Cabeçalhos

  • Categoria de Produto

  • ProductDeclaration

  • Citar

  • Dica do dia

Obviamente, esses nomes de classe são exibidos ao usuário ao selecionar a classe; portanto, não há necessidade de manter nomes de classe separados e legíveis por humanos.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top