一个始终将图片作为独立段落插入的设置

在我们的社区中,用户大多数时候都希望在插入图片时另起一行。

然而,他们无法理解 Markdown 图片代码,因此常常感到困惑。他们的计算机使用技能水平非常低。

结果,他们往往会在同一行插入图片并紧接着输入文字,或者在输入一段文字后直接插入图片。

这看起来很糟糕,我正在寻找一种方法,通过做出妥协来自动解决大多数情况,即使这可能会让高级用户感到更困惑。

我们能否设置两个选项,或者至少其中一个?

  1. 始终将图片插入到一个新的独立段落中。

  2. 始终在刚刚插入的图片代码后添加一个换行符(或两个换行符以构成一个段落)。

这样合理吗?
或者是否有更好的想法来解决这个问题?

11 个赞

我在很多 Discourse 站点上都见过这种困惑,@eviltrout

7 个赞

我在想这是否应该成为一个设置?你多久才会想在不换段的情况下粘贴图片?也许应该将行为改为始终如此。

8 个赞

是的,我支持这样做。如果 @sam 同意,我们就把默认设置改成这样。

7 个赞

有时我喜欢将图片右对齐或左对齐,或者插入多张图片并将它们调整为 50% 的大小,使它们看起来像一个漂亮的照片画廊。在这些情况下,我不希望它们各自占据一个单独的段落。

不确定有多少人这样做或关心这一点,与已知的大量因当前工作方式而感到困惑的人相比。Markdown 对许多人来说仍然令人困惑。

1 个赞

这是罕见的使用场景,我们不应为此进行优化,而应关注常见的使用场景。

10 个赞

补充一点,当你一次性上传多张图片时(至少在 iOS 上),它们之间只会插入一个空格,所以我总得回去手动添加换行。

3 个赞

有一段时间我们甚至没有添加空格!!:scream:

7 个赞

我发现我的用户经常一次性上传多张图片,但在尝试为图片添加说明文字时,或者不小心删除了开头的 ! 时,就会把帖子搞砸。如果在每次上传后自动添加两个换行符,将会非常有用。这方面有什么进展吗?

4 个赞

是的,我们应该重新推进这件事。这可能是一个可以顺手纳入本次发布的简单任务。@andrei 你觉得呢?

6 个赞

这是作为默认行为实现的,而非一个设置项。从设备上传图片时:

  • 如果光标位于非空行,我们会在图片前添加一个换行符
  • 我们总是在图片后添加一个换行符
  • 上传多张图片时,我们会在图片之间添加一个换行符

关键细节是:我们总是只添加一个换行符,而不是两个。

该功能现已合并:

9 个赞

这是个不错的改进!

一个未经测试的粗略想法:这会不会导致那些尝试以网格形式显示图片的主题组件出现问题?例如 Tiles Image GalleryMasonry Image Gallery

6 个赞

至于 Masonry 图片画廊,这并非问题。它已编码以处理换行符和段落。

合并得很棒!

4 个赞

我对此很感兴趣。从用户体验的角度来看,上传的图片之间留一个空格似乎更合理。

未添加空格的情况:



添加空格后的情况:

4 个赞

我觉得现状没问题。这点细微之处可以稍后再议。

3 个赞

不幸的是,这会给 Tiles 图片画廊 带来问题。我已检查过,它只能处理用空格分隔的图片,无法处理换行符。

我可能会在下周查看这个问题。

3 个赞

是的,我从未在不加空行的情况下上传多张图片。我总是自己额外添加一行。

1 个赞

单换行没问题。:1: 用 CSS 很容易调整。

.cooked img {
    margin-bottom: 3px;
}
5 个赞

别忘了,如果你想调整预览效果,需要像这样操作。:slight_smile:

.d-editor-preview img {
    margin-bottom: 3px;
}
3 个赞

以下是针对 Tiles 图片画廊的修复方案:

4 个赞