기본 정렬은 가로이지만 설정에서 변경할 수 있습니다. 또한 컴포저에서 속성에 vertical/horizontal (v/h도 작동합니다)을 추가하여 특정 갤러리의 정렬을 변경할 수도 있습니다. 예: <div data-masonry-gallery="vertical">.
→ 이 컴포넌트는 Joe의 Tiles 이미지 갤러리와 매우 유사해 보입니다. 클론인가요? 아니면 어떤 관계인가요?
저는 Tiles를 꽤 오랫동안 사용해 왔고 매우 좋아합니다. 네, 분명히 그 프로젝트에 큰 영향을 받았다고 할 수 있습니다 . 하지만 많은 부분이 다르므로 공유하기로 결정했습니다. 아래는 일부 차이점에 대한 목록입니다.
의존성 없음.
jQuery 없음.
가로 정렬 지원.
작은 이미지가 레이아웃을 깨뜨리지 않음.
편집 시 올바른 미리보기 제공.
갤러리를 추가할 때 줄바꿈과 함께 여러 행을 선택할 수 있음.
decorateCooked 대신 decorateCookedElement API 함수 사용.
제안 및 개선 사항 환영합니다!
작은 이미지는 갤러리에 표시되지만 라이트박스 뷰는 생성되지 않습니다. 이는 Discourse의 기본 동작입니다. 그러나 설정의 max image width와 max image height를 수정하여 작은 이미지로 간주되는 기준을 변경할 수 있습니다. 기본값은 각각 690px와 500px입니다.
이 컴포넌트는 API 버전 0.8.42를 사용합니다. 2020년 5월 이후로 업데이트하지 않았다면, 이 컴포넌트를 사용하려면 업데이트가 필요합니다.
훌륭한 컴포넌트네요! 타일 이미지 갤러리를 대체할 수 있는 방법을 꽤 오래 찾아보고 있었거든요!
모든 이미지에 적용할 수 있는 자동 갤러리 옵션을 추가하는 것에 대해 어떻게 생각하시나요? 기본적으로, 다른 요소 없이 서로 인접한 이미지가 3개 이상일 때 마리오네트 갤러리 뷰가 자동으로 활성화되는 방식입니다. (Tiles Image Gallery가 auto-tiles 브랜치에서 유사한 시도를 한 적이 있습니다.)
사이트에 Tiles가 설치되어 있고 Masonry로 전환하려는 경우, 기존 갤러리 게시물 모두에서 갤러리 div의 속성을 data-masonry-gallery로 변경해야 합니다. 이는 기존 갤러리 게시물이 여전히 올바르게 렌더링되기를 원하지만 두 컴포넌트를 동시에 설치하고 싶지 않을 때 적용됩니다.
저도 제 사이트에서 이 전환을 수행해 보았기 때문에, 어떻게 하면 되는지 공유해 보려 합니다. 누군가에게 도움이 될 수 있기를 바랍니다.
가장 직관적인 방법은 게시물을 수동으로 편집하는 것입니다. 변경해야 할 게시물이 많지 않다면 이 방법이 작동하지만, 모든 게시물을 찾는 것이 여전히 번거로울 수 있습니다. 하지만 걱정하지 마세요, data explorer가 구원투수로 나섭니다! 다음 SQL을 실행하면 필요한 결과를 정확히 얻을 수 있습니다.
SELECT user_id, topic_id, post_number
FROM posts p
WHERE raw ~~ '%data-theme-tiles%'
수동으로 편집하기에는 항목이 너무 많다면 rake를 사용하여 모든 문자열을 교체할 수 있습니다. 이를 위해 서버에 SSH로 로그인한 다음 다음을 실행해야 합니다:
cd /var/discourse
./launcher enter app
rake posts:remap["data-theme-tiles","data-masonry-gallery"]
해당 솔루션에 대해 더 자세한 내용은 이 게시물에서 확인할 수 있습니다. rake posts:remap 명령어에 대한 해당 게시물의 경고 사항을 꼭 확인하세요:
이 작업을 수행하는 다른 방법들도 아마 있을 것입니다. 예를 들어, 원한다면 컴포넌트 코드를 수정하여 두 속성을 모두 찾도록 할 수도 있습니다.
현재 2.8 안정판(Stable)을 테스트 중입니다. 특정 카테고리가 정의되어 있을 때 auto enabled categories 기능이 작동하지 않습니다. 카테고리 슬러그(slug)와 카테고리 ID를 추가해 보았으나, auto enabled categories를 비워 두면 정상적으로 작동합니다.
이 기능은 이제 Discourse 코어에 기본으로 포함되어 있습니다. Discourse의 이미지 그리드에 관한 공지를 참조하세요.
→ 사용자 정의 가능한 순서(customizable ordering)라는 것은 무슨 뜻인가요?
→ 이 컴포넌트는 Joe의 Tiles 이미지 갤러리와 매우 유사해 보입니다. 클론인가요? 아니면 어떤 관계인가요?
. 하지만 많은 부분이 다르므로 공유하기로 결정했습니다. 아래는 일부 차이점에 대한 목록입니다.작은 이미지는 갤러리에 표시되지만 라이트박스 뷰는 생성되지 않습니다. 이는 Discourse의 기본 동작입니다. 그러나 설정의
.
)을 설정하며, 모든 행의 높이를 고정(행 내 가장 높은 이미지의 높이에 맞춤)합니다. 높이가 거의 동일한 이미지들을 다룰 때 유용할 수 있습니다.