CMS의 wysiwyg 컨텐츠 빌더/편집기에서 비 기술적 클라이언트에 CSS 클래스/ID를 추가하는 옵션을 제공하는 방법은 무엇입니까?

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

문제

  • CMS의 컨텐츠에 CSS 클래스/ID를 추가하는 옵션을 제공하는 방법 HTML, CSS를 모르지만 MS Word를 알고있는 비 기술 클라이언트에 대한 CMS 컨텐츠 Wysiwyg Builder/Editor에 대한 옵션.

설계 XHTML 태그에 따라 컨텐츠를 만들 시간은 충분하지 않습니다. CSS 클래스 사용이 필요합니다.

  • CSS. 클래스 만 사용자에게 제공해야합니까, 아니면 #ID도 제공해야합니까?
  • 그리고 고객의 용이성을 위해 수업 이름을 어떻게 작성해야합니까?

의미 론적 방식으로 또는 Border4PX, Light-Text 및 Pretty-Background? 비 기술적 클라이언트가 적절한 수업을 선택하고 기억하는 방법은 무엇입니까?

  • 이 옵션이 클라이언트에게 주어진 CMS는 얼마나 인기 있는가? 유용성에 따른 가장 좋은 방법은 무엇입니까?
도움이 되었습니까?

해결책

대부분의 풍부한 HTML 온라인 편집자는 사용자가 스타일을 선택할 수있는 "스타일"드롭 다운을 가져옵니다. 예를 들어보십시오 여기 fckeditor에서 어떻게 해결되었는지.

거기에 어떤 스타일을 투자 해야하는지에 대해서는 고객 IMO에 전적으로 달려 있습니다. 디자인 가이드 라인이있는 경우 기업 글꼴 / 색칠 / 디자인과 일치하는 스타일을 넣어야합니다. 이 사용자 정의를 사용자가 사용자 정의 할 수있게 만들 수 있습니다. 주변에는 여러 온라인 CSS 편집기가 있습니다. 그러나 실제로는 비 기술적 인 사람들을위한 것이 아닙니다.

ID 또는 클래스 사용 여부 : 절대적으로 확실히 클래스. Wysiwyg 편집기에서 ID가 여러 번 할당되는 것을 방지하기는 어렵습니다.

수업의 이름 지정은 정말로 당신에게 달려 있습니다. 나는 동시에 클래스 이름 인 사람이 읽을 수있는 형식을 좋아합니다.

  • HeadingBig
  • 첨부
  • 제목 월

  • 제품 카테고리

  • ProductDeclaration

  • 인용하다

  • 오늘의 팁

이러한 클래스 이름은 클래스를 선택할 때 사용자에게 명백히 표시되므로 분리 된 사람이 읽을 수있는 클래스 이름을 유지할 필요가 없습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top