图像对齐与网格

说实话,这倒是一个不错的解决方法。

我会测试这个想法。想知道如果我们只在图片集之间使用“>”是否会分隔每个上传的图片/文本块?我会在我的网站上测试并提供反馈。

2 个赞

成功!

结果

图片之间的“br”已被移除。我使用了两行“>”,但我怀疑图片网格之间的一行“>”应该可以作为硬中断。

单行“>”引用中断有效。

2 个赞

我收到了一个弃用通知:

弃用通知:图标名称“arrows-alt-h”已更新为“left-right”。请在您的代码中使用新名称。旧名称将在 2025 年第二季度移除。[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’] 弃用通知:使用 <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,提供这个有用的组件!

我有 2 个问题:

  1. 既然警告消息与 9 月份组件无法正常工作有关(如果我理解得没错的话),您是否能在该日期之前更新该组件?
  2. 该组件可以做的一件事是,如果我们已经在编辑器中有了一堆图片,我们可以选择它们,点击按钮,它会将它们包装成一个组。目前,它单独包装每个图片:

当然,我们可以选择、剪切、点击按钮、粘贴,但我想知道是否可以避免这些额外的步骤,当然,您是否有兴趣进行此更改?

无论如何,这已经很有帮助了,我不必一直输入 [grid] 然后 [/grid],所以谢谢 :slight_smile:


我刚了解到,点击第一张图片中的网格,就已经用 [grid][/grid] 将所有内容很好地包装起来了:

当然,如果组件图标也能有这种行为就好了,但原生拥有这个功能已经很有用了。

3 个赞

我已经为现代化的 JS API 更新了该组件。等我有点时间了,我会尝试进一步改进它。

4 个赞