이미지 비교 슬라이더

업로드되지 않은 사진, 예를 들어 링크로 삽입된 사진과도 함께 작동할 수 있는 방법이 있을까요?

안녕하세요, 이 Theme 컴포넌트의 최근 버그를 보고드립니다.

Visible here: 

https://forums.ffjdr.org/t/26-27-04-25-festival-histoire-de-jouer-xviii-caen-14/2936

Image comparison slder의 최신 버전

Discourse 버전: 3.5.0.beta1-dev

(402ec6bf5c)

귀하의 노고에 감사드립니다.
Stéphane.

2개의 좋아요

새로운 API 표준을 충족하도록 이 구성 요소를 업데이트했습니다:

2개의 좋아요

잘하셨네요!

더 부담을 드리고 싶은 건 아닌데… 혹시 새로운 리치 텍스트 편집기로 이 부분을 확인해 보셨나요?

1개의 좋아요

아직 안 해봤는데, 뭔가 문제가 있는 거야?

2개의 좋아요

네, 불행히도 작동하지 않습니다. 리치 텍스트 편집기가 활성화된 상태에서 비교 이미지 버튼을 누르면 다음과 같은 문제가 발생합니다:

1개의 좋아요

이 기능이 어떻게 작동하는지 잘 모르겠는데, 리치 텍스트 에디터가 HTML을 제대로 처리하지 않는 것 같아요. 이미지 갤러리 같은 비슷한 컴포넌트에서도 동일한 문제가 발생할 것 같아요.

2개의 좋아요

조셉 씨, 제가 그 컴포넌트 수정을 시도해봐도 될까요?

2개의 좋아요

시간 내서 이 문제를 살펴봐 주거나 @Arkshine의 제안을 받아줄 수 있을 것 같아? :smiley:

1개의 좋아요

죄송합니다, 답변을 깜빡했네요. 더 잘 아시는 다른 분이 이 문제를 해결해 주시면 좋겠습니다. 제가 접근할 수 있는 Discourse 인스턴스에는 rich test 기능이 활성화되어 있지 않고, 제가 활성화할 권한도 없어서 실제로 테스트를 해볼 수 없어요 :thinking: 제안해 주셔서 감사합니다!

3개의 좋아요

네, 알려주셔서 감사합니다. 한번 시도해볼게요. :+1:

3개의 좋아요

자, 여러분 드디어 이 작업을 할 시간을 찾았습니다.
아직 이 TC에 관심을 가져 주시는 분들이 있을까요?

해당 PR은 다음 기능을 갖춘 TC를 전면 개편합니다:

  • 확대 및 이동 (마우스 휠, 핀치, 이미지 위 컨트롤)
  • 전체 화면 보기
  • 라이트박스에서 원본 풀사이즈 이미지 열기
  • 배치 위치를 설정할 수 있는 선택적 이전/이후 레이블
  • 선택적 캡션
  • 여러 핸들 스타일(선, 얇은 선, 원, 그립퍼) 및 사용자 지정 핸들 색상
  • 리치 텍스트 편집기 또는 마크다운으로 슬라이더를 직접 편집
  • 키보드 접근성 지원(화살표 키로 구분선 이동, +/-/0 키로 확대/축소)
  • 그룹별로 슬라이더 삽입 권한 제한

마크다운 형식은 [wrap] 태그를 사용하여 변경되었습니다. 하위 호환성은 보장됩니다.
2026.6.0-latest 버전이 필요합니다.

모바일 및 RTL 환경에 적합합니다. 다만 UX 전문가가 아니고, 모바일이나 iOS에서 충분히 테스트하지는 못했습니다.

별도로 테스트하시려면 다음을 사용할 수 있습니다:

  • URL: https://github.com/arkshine/discourse-image-comparison-slider
  • 브랜치: modernize-with-rte
    (이전 버전의 슬라이더를 편집하지 않는 것이 마크다운 형식이 변경되지 않도록 권장됩니다)
6개의 좋아요