솔직히 말해서, 그건 나쁜 우회 방법이 아닙니다.
이 아이디어를 테스트해 볼 겁니다. 이미지 세트 사이에 '>'만 사용하면 각 업로드된 이미지/텍스트 블록이 분리될지 궁금하네요. 제 사이트에서 테스트해 보고 피드백을 드리겠습니다.
솔직히 말해서, 그건 나쁜 우회 방법이 아닙니다.
이 아이디어를 테스트해 볼 겁니다. 이미지 세트 사이에 '>'만 사용하면 각 업로드된 이미지/텍스트 블록이 분리될지 궁금하네요. 제 사이트에서 테스트해 보고 피드백을 드리겠습니다.
성공!
결과
이미지 사이에 있던 ‘br’ 태그가 제거되었습니다. ‘>’ 기호를 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 외에도 다른 아이콘도 영향을 받을 수 있지만, 아직 확인하지 않았습니다.
간단한 PR을 올립니다:
친구여, 항상 도움에 감사해. 고마워
![]()
arkshine님, 빠른 수정 감사합니다. 방금 업데이트했습니다. lilly님, 정말 멋진 컴포넌트 감사합니다. 이걸로 중앙 정렬 옵션을 활용해 게시글에 블로그 스타일을 어느 정도 흉내 낼 수 있을 것 같아요 ![]()
이 테마 컴포넌트에 오래된 코드가 있는 것 같습니다. 최신 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]
감사합니다. 이번 주말에 한번 살펴보겠습니다.
저도 같은 메시지를 받고 있습니다.
네, 그냥 무시하세요. 메시지는 관리자만 볼 수 있고, 컴포넌트는 아직 깨지지 않았습니다. 컴포넌트에는 업데이트만 필요합니다.
먼저 이 유용한 컴포넌트를 만들어 주셔서 감사합니다, @Lilly!
질문이 두 가지 있습니다:
물론 선택, 잘라내기, 버튼 클릭, 붙여넣기를 하면 되지만, 이러한 추가 단계를 생략할 수 있을지 궁금했고, 물론 이런 변경에 관심이 있으신지도 궁금했습니다.
어쨌든 이미 [grid]와 [/grid]를 매번 직접 입력하지 않아도 되니 도움이 많이 됩니다. 감사합니다 ![]()
첫 번째 이미지의 그리드를 클릭하면 이미
[grid]와[/grid]로 모든 것이 깔끔하게 감싸진다는 것을 방금 알게 되었습니다:
물론 컴포넌트 아이콘도 이런 동작을 한다면 좋겠지만, 기본적으로 이런 기능이 있는 것만으로도 이미 유용합니다.
이 컴포넌트를 최신화된 JS API에 맞게 업데이트했습니다. 시간이 조금 더 나면 조금 더 개선해 보겠습니다.