플러그인에서 사용자별 CSS를 추가하는 방법은 무엇인가요? 예를 들어, 사용자 설정으로 인해 발생하는 경우 말입니다.
스타일 등을 요소에 직접 추가하거나 스타일시트를 통해 적용하면 전역적으로 적용되는 것이 아닌가요?
무엇을 하려는 건가요? 일반적인 테마 CSS를 통해 개별 사용자 이름/멘션 색상을 변경하는 것과 같은 작업은 가능합니다. 특정 사용자의 설정을 통해 테마의 특정 부분을 토글로 변경하는 것을 의미한다면, 그 사용자에게 전용 테마를 제공하지 않는 한 불가능하다고 생각합니다. 다만 저는 전문가가 아니에요.
예를 들어, 특정 요소(예: 마크다운 편집기)의 글꼴을 변경할 수 있는 사용자별 설정이 있습니다.
사용자가 가입하고 사용할 수 있는 그룹을 제공할 수 있으며, CSS Classes for Current User's Groups 를 참고할 수 있습니다.
또는 사용자가 브라우저 플러그인을 사용해 자신에게만 CSS를 변경할 수도 있습니다. 저는 Stylus를 사용해 Meta에서의 경험을 커스텀합니다.
컴포저(composer)는 임의의 예시였나요? 아니면 설정에서 활성화/비활성화할 수 있는 “컴포저의 마크다운 모드에서 등폭 폰트 사용” 외에 무엇을 추가로 제공하고 싶으신가요?
그 정도라고 할 수 있죠. 사용자가 각각 다른 폰트를 사용하는 방식을 생각하고 있었습니다.
플러그인을 통해 다음과 같은 방식으로 이를 구현할 수 있을 것입니다:
- 플러그인 API를 사용하여
api.addSaveableUserOptionField("composer-custom-font")를 추가합니다. - 설정을 저장할 수 있도록 데이터베이스의
UserOption테이블과 직렬화기(serializer)에 해당 필드를 추가합니다. - 사용자가 설정을 변경할 수 있도록 사용자 인터페이스 페이지에 커넥터를 추가합니다.
- 예를 들어 설정을 드롭다운으로 만들어, 사용자가 특정 글꼴/글꼴 스타일을 선택하면 데이터베이스에 해당 선호도가 저장되도록 할 수 있습니다.
- 코모저(composer) 코드를 확장하여 사용자가 선택한 선호도를 반영하도록 하고, JS를 사용하여 스타일을 직접 변경하거나, 선택된 선호도에 따라 CSS 클래스를 추가하여 해당 특정 클래스에 CSS로 스타일을 적용하도록 할 수 있습니다.