在某些主题上页面宽度变窄

Firepup650 · 2024 年12 月 5 日 05:40

我不确定是什么原因导致了这个问题，但目前可以在 Announcing: AI Web Artifacts 上复现。

正常：

缩小：

sam · 2024 年12 月 5 日 07:13

嗯，这确实很令人困惑。@awesomerobot 有什么想法吗？

Arkshine · 2024 年12 月 5 日 13:45

摘要似乎包含不必要的 HTML。<style> 标签会覆盖页面样式。

awesomerobot · 2024 年12 月 5 日 19:48

肯定是有地方的 CSS 泄漏了…… display: flex 被添加到了 body…… 看起来还有一些来自分享的 HTML 混入了其中？

似乎来自

github.com/discourse/discourse-ai

app/models/shared_ai_conversation.rb

117c06220


      
          def onebox
            <<~HTML
            <div>
              <aside class="onebox allowlistedgeneric" data-onebox-src="#{url}">
              <header class="source">
                <span class="onebox-ai-llm-title">#{I18n.t("discourse_ai.share_ai.onebox_title", llm_name: llm_name)}</span>
                <a href="#{url}" target="_blank" rel="nofollow ugc noopener" tabindex="-1">#{Discourse.base_uri}</a>
              </header>
              <article class="onebox-body">
              <h3><a href="#{url}" rel="nofollow ugc noopener" tabindex="-1">#{title}</a></h3>
            #{html_excerpt}
            </article>
            <div style="clear: both"></div>
            </aside>
            </div>
            HTML
          end

这是内联添加的：

    body {
      font-family: Arial, sans-serif;
      display: flex;
      justify-content: center;
      align-...\u003c/p\u003e\u003cp\u003e...\u003c/p\u003e\u003ca href='/discourse-ai/ai-bot/shared-ai-conversations/xrWufuvPZJFxlUvYW2cHSQ'\u003eRead full transcript\u003ca\u003e
\u003c/article\u003e
\u003cdiv style=\"clear: both\"\u003e\u003c/div\u003e
\u003c/aside\u003e
\u003c/div\u003e

html_excerpt 有问题？
未闭合的链接给工作带来了麻烦？

github.com/discourse/discourse-ai

app/models/shared_ai_conversation.rb

117c06220


      
                  strip_links: true,
                  strip_details: true,
                )
          
              html << "<p><b>#{post.user.username}</b>: #{text}</p>"
              if html.length > 1000
                html << "<p>...</p>"
                break
              end
            end
            html << "<a href='#{url}'>#{I18n.t("discourse_ai.share_ai.read_more")}<a>"
            html
          end
          
          def onebox
            <<~HTML
            <div>
              <aside class="onebox allowlistedgeneric" data-onebox-src="#{url}">
              <header class="source">
                <span class="onebox-ai-llm-title">#{I18n.t("discourse_ai.share_ai.onebox_title", llm_name: llm_name)}</span>
                <a href="#{url}" target="_blank" rel="nofollow ugc noopener" tabindex="-1">#{Discourse.base_uri}</a>

让我们看看：

话题		回复	浏览量
Pastebin onebox escapes page width Bug	3	1285	2016 年2 月 22 日
Printer Friendly CSS UX	30	6560	2022 年11 月 19 日
Button to share conversation in AI conversation not respecting sub folder setup Bug subfolder , ai	2	154	2024 年6 月 6 日
Why is the text content small? Support	4	398	2023 年9 月 19 日
Unclickable "Read More" button in excerpt UX	3	984	2022 年1 月 17 日

在某些主题上页面宽度变窄

相关话题