단일 이미지 [그리드]는 미리보기에서는 작동하지만 렌더링된 페이지에서는 작동하지 않음

업데이트

해결 방법을 찾았습니다. 봇이 모든 이미지를 그리드로 배치하지만, 이미지가 하나만 있으면 아무것도 표시되지 않습니다.

이미지는 정상적으로 생성되지만, 화면에 표시되지 않습니다. 게시글을 수정하고 미리보기를 하면 이미지가 보이지만, 실제 개인 메시지에서는 표시되지 않습니다.

“이미지 생성” 드롭다운을 클릭해 보세요.

그것은 단순히 이미지의 프롬프트를 보여줄 뿐입니다.

가끔 API가 타임아웃되어 이미지가 표시되지 않을 수 있습니다. 구체적인 메시지를 확인하려면 로그를 살펴보세요. :+1:

API는 정상 작동하고 이미지도 업로드되었습니다. 봇의 게시물에서 '수정’을 클릭하면 게시물 미리보기에 이미지가 표시됩니다. 하지만 DM(개인 메시지)에서는 이미지가 표시되지 않습니다.

사실, 방법을 알아냈습니다. 봇이 모든 이미지를 그리드에 배치하지만, 이미지가 하나뿐이면 아무것도 표시되지 않습니다.

여기서는 재현되지 않습니다… 이미지 1개를 포함한 그리드는 정상적으로 작동합니다:

1개의 좋아요

업데이트를 시도해 보겠습니다. 이렇게 하면 문제가 해결될지 확인해 보려 합니다. 설정 문제일 가능성은 있을까요?

최신 버전으로 업데이트했지만, 그리드 안의 단일 이미지는 여전히 표시되지 않습니다.

예를 들어, 이것은 해당 게시물과 브라우저에 표시되는 실제 HTML입니다:



<details>
  <summary>이미지 생성</summary>
  <p>
    아이소메트릭 TARDIS
  </p>
</details>

[GRID]
![아이소메트릭 TARDIS|512x512, 50%](upload://hzFPyqAeEQOZS5JROeSqfakzXzJ.jpeg)
[/GRID]

그리고 HTML은 다음과 같습니다:

<div class="topic-post clearfix regular"><div class="post-user-tip-shim">    
    <div>
<!---->    </div>
  
</div><article id="post_8" aria-label="@gpt3.5_bot의 8번째 게시물" role="region" data-post-id="475" data-topic-id="268" data-user-id="-111" class="boxed onscreen-post"><span aria-hidden="true" tabindex="-1" class="tabLoc"></span><div class="row"><div class="topic-avatar"><div class="post-avatar"><a class="trigger-user-card main-avatar " href="/u/gpt3.5_bot" data-user-card="gpt3.5_bot" aria-hidden="true" tabindex="-1"><img alt="" width="48" height="48" src="/letter_avatar_proxy/v4/letter/g/ee59a6/48.png" aria-hidden="true" loading="lazy" tabindex="-1" class="avatar"></a></div></div><div class="topic-body clearfix"><div role="heading" aria-level="2" class="topic-meta-data"><div class="names trigger-user-card"><span class="first username staff admin moderator"><a href="/u/gpt3.5_bot" data-user-card="gpt3.5_bot" class="">gpt3.5_bot</a><span title="이 사용자는 모더레이터입니다" class="svg-icon-title"><svg class="fa d-icon d-icon-shield-alt svg-icon svg-node" aria-hidden="true"><use xlink:href="#shield-alt"></use></svg></span></span><span class="persona-flair">    아티스트
</span></div><div class="post-infos"><div class="post-info edits"><button class="widget-button btn-flat heatmap-high btn-icon-text" title="게시물 마지막 수정: 2023년 11월 17일 오후 7:30" aria-label="게시물 수정 이력"><svg class="fa d-icon d-icon-pencil-alt svg-icon svg-node" aria-hidden="true"><use xlink:href="#pencil-alt"></use></svg><span class="d-button-label">1</span></button></div><div class="post-info post-date"><a class="widget-link post-date" href="/t/trumps-magical-transformation-from-businessman-to-wizard/268/8?u=jimmy" title="게시일"><span title="2023년 11월 17일 오전 5:03" data-time="1700197421867" data-format="tiny" class="relative-date">15시간 전</span></a></div><div class="read-state read" title="게시물이 읽지 않음 상태입니다"><svg class="fa d-icon d-icon-circle svg-icon svg-node" aria-hidden="true"><use xlink:href="#circle"></use></svg></div></div></div><div class="regular contents"><div class="cooked"><details>
  <summary>이미지 생성</summary>
  <p>
    아이소메트릭 TARDIS
  </p>
</details>
<div class="d-image-grid" data-disabled="true">
<p></p>
</div></div><section class="post-menu-area clearfix"><nav class="post-controls collapsed"><div class="discourse-reactions-actions can-toggle-reaction" id="discourse-reactions-actions-475-left" data-click-outside="true"><div class="discourse-reactions-picker"></div><div id="discourse-reactions-counter-475-left" data-click-outside="true"></div></div><div class="actions"><span class="extra-buttons"><button class="widget-button btn-flat btn btn-default cancel-streaming no-text btn-icon" title="답글 중지"><svg class="fa d-icon d-icon-pause svg-icon svg-node" aria-hidden="true"><use xlink:href="#pause"></use></svg></button></span><div class="discourse-reactions-actions can-toggle-reaction" id="discourse-reactions-actions-475-right" data-click-outside="true"><div class="discourse-reactions-picker" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(512px, -28px);" data-popper-placement="top"></div><div title="이 게시물에 좋아요" class="discourse-reactions-reaction-button"><button title="이 게시물에 좋아요" class="btn-toggle-reaction-like btn-icon no-text reaction-button"><svg class="fa d-icon d-icon-far-heart svg-icon svg-node" aria-hidden="true"><use xlink:href="#far-heart"></use></svg></button></div></div><button class="widget-button btn-flat share no-text btn-icon" title="이 게시물 링크 공유"><svg class="fa d-icon d-icon-d-post-share svg-icon svg-node" aria-hidden="true"><use xlink:href="#link"></use></svg></button><button class="widget-button btn-flat show-more-actions no-text btn-icon" title="더 보기"><svg class="fa d-icon d-icon-ellipsis-h svg-icon svg-node" aria-hidden="true"><use xlink:href="#ellipsis-h"></use></svg></button><button class="widget-button btn-flat reply create fade-out btn-icon-text" title="이 게시물에 답글 작성 시작" aria-label="@gpt3.5_bot의 8번째 게시물에 답글"><svg class="fa d-icon d-icon-reply svg-icon svg-node" aria-hidden="true"><use xlink:href="#reply"></use></svg><span class="d-button-label">답글</span></button></div></nav></section></div><section class="post-actions">
  </section><div class="post-links-container"></div></div></div></article><div class="widget-connector">    <!---->
</div></div>

확인하실 수 있듯이, 생성된 HTML에는 실제 이미지가 포함되어 있지 않습니다.

게시물을 다시 게시하고, 봇의 게시물에 글자를 추가하면 어떤 일이 발생합니까?

재베이킹이나 편집을 해도 아무런 반응이 없습니다.

이미지가 하나만 생성될 때 아무것도 나오지 않는다는 사실 외에는 여러분에게 도움을 드릴 수 없습니다.

HTML
<details>
  <summary>이미지</summary>
  <p>
    커피 한 잔의 사진
  </p>
</details>
<div class="d-image-grid">
<p><img src="https://cdnfoorumi.katiska.eu/original/2X/0/0b0a30b47b96cc8581c6b1117112b1b1e4b85139.jpeg" alt="커피 한 잔의 사진" data-base62-sha1="1zF5fyN9IUn8LDKGq0cQV79IIVH" width="256" height="256"></p>
</div>

당신의 것에는 HTML에 이미지 태그가 있지만, 내 것에는 없습니다.

그렇습니다. 하지만 여전히 두 개의 이미지를 생성해야만 그 이미지들이 보이기 때문에, 저는 이 문제가 동일하다고 생각합니다.

확실히 비슷해 보입니다. 당장은 플러그인을 포크해서 그리드 태그를 제거했습니다. 하지만 영구적인 해결책이 있으면 좋겠는데, 예를 들어 봇이 여러 이미지를 표시할 때만 그리드를 사용하면 되지 않을까요?

그 div는 플러그인에서 오는 건가요, 아니면 Stability에서 오는 건가요? 하지만 Discourse가 d-image-grid를 처리하고 있죠?

플러그인은 그리드 태그를 가진 게시물을 생성할 뿐이며, 제 생각에는 Discourse가 HTML을 생성합니다. 백엔드에서 일어나는 구체적인 과정에 대해서는 확신이 없습니다.

그리드 태그를 편집에서 제거하면 어떻게 될까요?

그러면 작동합니다. 적어도 제 환경에서는요.