텍스트 하이라이트 테마 컴포넌트

스크린샷

저장소

discourse-highlight-text

소개

포럼의 테마 설정에 일반적인 브랜드 용어를 추가하면 모든 게시물에서 해당 용어가 강조 표시됩니다.
Discourse에서 텍스트를 강조 표시하기 위해 https://markjs.io/ 를 사용합니다. mark() 및 markRegExp() 메서드를 지원합니다. 텍스트 강조에 ‘quaternary’ 테마 색상(Discourse → customize → colors)이 사용됩니다.

설치

테마 또는 테마 컴포넌트를 설치하는 방법?

미리보기

설정

테마 컴포넌트 설정에서 구성합니다. 단일 단어만 강조할지, 아니면 텍스트 선택을 위해 정규식을 사용할지 설정할 수 있습니다. 대소문자 구별 여부를 지정하는 것도 가능합니다.

정규식 예시: [\s]discourse[\s] (위의 스크린샷과 강조된 단어 "discourse"를 참조하세요.)

감사의 말

https://markjs.io/ 에 감사드립니다.

3개의 좋아요

OP에 사용법을 간단히 설명하고 예시를 추가하면 좋겠네요.

예제는 설정에 있습니다. 원하시면 예제를 추가해 드릴 수 있습니다.

강조하고 싶은 건 아니지만, 오늘 아침에 좀 둔한 건지 어떻게 활용하는지 명확하지 않네요. :thinking:

예시를 하나 보여주시면 정말 도움이 될 것 같아요. 이 스크린샷을 생성하려면 게시글이 어떻게 생겼어야 하나요?

1개의 좋아요

피드백 감사합니다. 수정된 첫 번째 게시글을 확인해 주세요.

2개의 좋아요

좋아요! 정말 흥미로운 옵션이네요. 만들어 주셔서 감사합니다!

2개의 좋아요

@sbernhard

이런 종류의 “유틸리티” 테마 컴포넌트는 정말 유용합니다.

제작하고 공유해 주셔서 감사합니다.

1개의 좋아요

사소한 부분이지만, 브랜드 이름을 강조하는 것이 유용할 수 있습니다. 피드백 감사합니다.

1개의 좋아요

"사소한 것"들이 때로는 가장 좋은 것이기도 합니다.

게다가 몇몇 분들은 여러분의 테마 구성 요소가 "단순"하기 때문에 쉽게 배울 수 있습니다 :). "단순함"은 일종의 선(禪)과도 같습니다… 잘하셨습니다!

다음 작품 기대하겠습니다!

1개의 좋아요