이미지 정렬 및 그리드

솔직히 말해서, 그건 나쁜 우회 방법이 아닙니다.

이 아이디어를 테스트해 볼 겁니다. 이미지 세트 사이에 '>'만 사용하면 각 업로드된 이미지/텍스트 블록이 분리될지 궁금하네요. 제 사이트에서 테스트해 보고 피드백을 드리겠습니다.

2개의 좋아요

성공!

결과

이미지 사이에 있던 ‘br’ 태그가 제거되었습니다. ‘>’ 기호를 2줄 사용했지만, 이미지 그리드 사이에는 단일 ‘>’ 기호만으로도 강제 줄바꿈으로 충분히 작동할 것으로 생각합니다.

단일 ‘>’ 인용부호 줄바꿈이 작동합니다.

2개의 좋아요

여기서 비추천(deprecation) 통지를 받았습니다:

비추천 통지: 아이콘 이름 “arrows-alt-h”가 “left-right”로 변경되었습니다. 코드에서 새 이름을 사용해 주세요. 기존 이름은 2025년 2분기에 제거됩니다. [deprecation id: discourse.fontawesome-6-upgrade] [info: We're upgrading our icons to Font Awesome 6! ]

아마도 arrows-alt-h 외에도 다른 아이콘도 영향을 받을 수 있지만, 아직 확인하지 않았습니다.

2개의 좋아요

간단한 PR을 올립니다:

4개의 좋아요

친구여, 항상 도움에 감사해. 고마워 :pray: :slight_smile:

4개의 좋아요

arkshine님, 빠른 수정 감사합니다. 방금 업데이트했습니다. lilly님, 정말 멋진 컴포넌트 감사합니다. 이걸로 중앙 정렬 옵션을 활용해 게시글에 블로그 스타일을 어느 정도 흉내 낼 수 있을 것 같아요 :+1:

3개의 좋아요

이 테마 컴포넌트에 오래된 코드가 있는 것 같습니다. 최신 Discourse 재빌드 시 다음 관리자 정보가 표시됩니다:

[관리자 알림] 테마 'image-alignment’에는 업데이트가 필요한 코드가 포함되어 있습니다. (ID:discourse.script-tag-discourse-plugin) (자세히 알아보기)

그리고 브라우저 개발자 콘솔에서는 다음과 같은 메시지가 나타납니다:

[THEME 47 ‘image-alignment’] 비권장(deprecation) 알림: <script type='text/discourse-plugin'>를 사용하여 JS 코드를 추가하는 방식은 더 이상 권장되지 않습니다. 이 코드를 전용 JavaScript 파일로 이동하십시오. [deprecation id: discourse.script-tag-discourse-plugin] [info: Modernizing inline script tags for templates & JS API]

3개의 좋아요

감사합니다. 이번 주말에 한번 살펴보겠습니다.

4개의 좋아요

저도 같은 메시지를 받고 있습니다.

네, 그냥 무시하세요. 메시지는 관리자만 볼 수 있고, 컴포넌트는 아직 깨지지 않았습니다. 컴포넌트에는 업데이트만 필요합니다.

5개의 좋아요

먼저 이 유용한 컴포넌트를 만들어 주셔서 감사합니다, @Lilly!

질문이 두 가지 있습니다:

  1. 경고 메시지는 9월에 컴포넌트가 제대로 작동하지 않는 것과 관련이 있는 것 같습니다(그때 무슨 일이 일어날지 제 이해가 맞다면). 그 날짜 전에 컴포넌트를 업데이트할 수 있을까요?
  2. 가능하다면, 컴포넌트가 할 수 있는 또 다른 기능은 이미 여러 장의 이미지가 컴포저에 있는 상태에서 모두를 선택한 뒤 버튼을 클릭하면 한 그룹으로 감싸 주는 것입니다. 현재는 각각 개별적으로 감싸 주고 있습니다:

물론 선택, 잘라내기, 버튼 클릭, 붙여넣기를 하면 되지만, 이러한 추가 단계를 생략할 수 있을지 궁금했고, 물론 이런 변경에 관심이 있으신지도 궁금했습니다.

어쨌든 이미 [grid]와 [/grid]를 매번 직접 입력하지 않아도 되니 도움이 많이 됩니다. 감사합니다 :slight_smile:


첫 번째 이미지의 그리드를 클릭하면 이미 [grid]와 [/grid]로 모든 것이 깔끔하게 감싸진다는 것을 방금 알게 되었습니다:

물론 컴포넌트 아이콘도 이런 동작을 한다면 좋겠지만, 기본적으로 이런 기능이 있는 것만으로도 이미 유용합니다.

3개의 좋아요

이 컴포넌트를 최신화된 JS API에 맞게 업데이트했습니다. 시간이 조금 더 나면 조금 더 개선해 보겠습니다.

4개의 좋아요