# 新 Composer 问题：链接图片

**URL:** https://meta.discourse.org/t/new-composer-issue-linked-images/373228
**Category:** Bug
**Tags:** composer
**Created:** [2025 年7 月 7 日 18:17 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228 "2025-07-07T18:17:08Z")
**Posts on this page:** 16
**Page:** 1

<div class="post-metadata">

### 作者： ![phoenix1](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@phoenix1](https://meta.discourse.org/u/phoenix1)
#### 发布日期： [2025 年7 月 7 日 18:17 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/1 "2025-07-07T18:17:08Z")

</div>

您好！我尝试在我网站上启用富文本编辑器，但不幸的是，我遇到了一些问题……首先也是最重要的，在富文本编辑器中，链接到图片（就像在普通 Markdown 编辑器中一样）似乎不起作用。例如：

![测试图片。](https://live.staticflickr.com/65535/54637302974_542eb17306_3k.jpg)

在普通 Markdown 编辑器中，这当然会在帖子中显示一个内联图片。正如您可能在这里看到的，富文本编辑器并非如此！

---

<div class="post-metadata">

### 作者： ![supermathie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/supermathie/32/507518_2.png) [@supermathie](https://meta.discourse.org/u/supermathie)
#### 发布日期： [2025 年7 月 7 日 20:36 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/3 "2025-07-07T20:36:06Z")

</div>

你是在富文本编辑器中写出 markdown 吗？  
如果是这样，那是行不通的，你不能在富文本编辑器中写 markdown。

或者你是粘贴/上传图片？  
那应该可以正常工作。

… 我明白你为什么会写出来 - 我认为富文本编辑器没有办法告诉它“链接到此外部图像”？

---

<div class="post-metadata">

### 作者： ![phoenix1](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@phoenix1](https://meta.discourse.org/u/phoenix1)
#### 发布日期： [2025 年7 月 7 日 20:37 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/4 "2025-07-07T20:37:26Z")

</div>

您好，抱歉没有说明，我确实是在富文本编辑器中编写的！不幸的是，这是链接到外部图像的唯一方法，而不会再次将其关闭，至少据我所知是这样 ☹

---

<div class="post-metadata">

### 作者： ![phoenix1](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@phoenix1](https://meta.discourse.org/u/phoenix1)
#### 发布日期： [2025 年7 月 7 日 20:43 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/5 "2025-07-07T20:43:11Z")

</div>

如果这应该是一个功能请求而不是一个错误（我实际上不当使用了富文本编辑器），请随时将其移至适当的类别！我认为链接到外部图像是一个 **相当** 常见的用例，因此在富文本编辑器中添加一个可以链接到外部媒体的按钮可能是一个很好的未来补充，但从非常技术的角度来看，在这种情况下，编辑器工作正常。🙂 它可能只需要一两个额外的按钮！

---

<div class="post-metadata">

### 作者： ![supermathie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/supermathie/32/507518_2.png) [@supermathie](https://meta.discourse.org/u/supermathie)
#### 发布日期： [2025 年7 月 7 日 20:53 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/6 "2025-07-07T20:53:00Z")

</div>

确实；我认为这最终是一个功能差距问题，但我会由功能负责人来决定具体如何进一步分类。

---

<div class="post-metadata">

### 作者： ![phoenix1](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@phoenix1](https://meta.discourse.org/u/phoenix1)
#### 发布日期： [2025 年7 月 7 日 22:24 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/7 "2025-07-07T22:24:48Z")

</div>

非常感谢，我也会这样做。抱歉分类错误 🙂

---

<div class="post-metadata">

### 作者： ![martin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/martin/32/491371_2.png) [@martin](https://meta.discourse.org/u/martin)
#### 发布日期： [2025 年7 月 8 日 03:52 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/8 "2025-07-08T03:52:06Z")

</div>

您可以在新的一行上发布图片 URL，它将为您进行一键式链接：

 ![54637302974_542eb17306_3k](https://global.discourse-cdn.com/meta/original/4X/3/a/d/3adb323b61e859179ed9983cfaa5db0f101c1e63.jpeg)  
但是，这缺少直接上传图片所提供的调整大小/字幕控件。不知道 @renato 对这个用例怎么看，我知道对于其他类型的一键式链接，我们将其视为特殊情况，所以不确定是否可以在这里添加图片调整大小/字幕。

---

<div class="post-metadata">

### 作者： ![supermathie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/supermathie/32/507518_2.png) [@supermathie](https://meta.discourse.org/u/supermathie)
#### 发布日期： [2025 年7 月 8 日 13:25 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/9 "2025-07-08T13:25:48Z")

</div>

markdown composer 中也存在同样的问题；也许我们可以扩展 插入链接 按钮来支持此功能。

或者，_用户_期望能够做什么来上传图片？

---

<div class="post-metadata">

### 作者： ![renato](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/renato/32/383632_2.png) [@renato](https://meta.discourse.org/u/renato)
#### 发布日期： [2025 年7 月 8 日 13:41 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/10 "2025-07-08T13:41:12Z")

</div>

我认为_还有其他可能性_，比如像您提到的，通过特定的用户界面支持插入外部图片。我知道这有点牵强，但我曾在别处看到过表情符号操作，带有用于搜索 GIF 或输入外部媒体的选项卡，我们可以做些事情来改进这一点——只是还不清楚_具体_是什么。

不过，我们确实支持一些特殊的 **输入规则** ，让习惯了 Markdown 的用户在新编辑器中输入时感到熟悉，例如 `# 标题` 或 ` **粗体** `，因此我也为 `![image](markdown)` 格式添加了它：

> <https://github.com/discourse/discourse/pull/33498>
>
> Adds a \`!\[markdown\](image)\` input rule that uses the markdown parser to create a…n image node.
> 
> Supporting this format surfaced an issue with dimension-less images, so now the image node view uses the max width/height site settings in addition to the loaded image natural dimensions to determine what a 100% looks like – it's used for display, and also when a zoom-out button action is taken, so we calculate the next step % of the calculated dimensions.

它将允许您输入 `![Test image](`，粘贴链接，然后输入 `)`，从而得到一个图片节点。

---

<div class="post-metadata">

### 作者： ![phoenix1](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@phoenix1](https://meta.discourse.org/u/phoenix1)
#### 发布日期： [2025 年7 月 8 日 17:11 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/11 "2025-07-08T17:11:37Z")

</div>

这确实效果很好，我很感谢你的建议！通常，在 Markdown 中链接到外部图片（在旧编辑器中），图片大小调整/标题控件不会显示，除非图片被 Discourse 自动下载/镜像。由于我关闭了该选项（我需要节省大量空间 :)），控件不会显示，因此只要图片大小合适并保持其纵横比，你发布的这个解决方案就非常有效。

我认为，从用户的角度来看，我只期望能够对图片做两件事……一是显示它，当然，二是能够提供替代文本或工具提示以实现可访问性（例如，让盲人用户了解的不仅仅是页面上有一个随机图片）。缩放和纵横比似乎已经处理得很好，所以也许只需要一个按钮就可以插入外部图片，而无需切换到原始 Markdown 编辑器。我认为新编辑器现在很棒，我已经给了它更多时间并习惯了它的工作方式，但不幸的是，目前，我必须为我的特定用例_关闭它_。因此，我只是将其关闭，但我认识到新编辑器对新用户也有价值。我期待能够永久启用它 🙂

---

<div class="post-metadata">

### 作者： ![phoenix1](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@phoenix1](https://meta.discourse.org/u/phoenix1)
#### 发布日期： [2025 年7 月 8 日 17:26 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/12 "2025-07-08T17:26:39Z")

</div>

这个听起来也是个好主意，非常感谢！

---

<div class="post-metadata">

### 作者： ![supermathie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/supermathie/32/507518_2.png) [@supermathie](https://meta.discourse.org/u/supermathie)
#### 发布日期： [2025 年7 月 8 日 17:33 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/13 "2025-07-08T17:33:50Z")

</div>

> [@phoenix1](#):
>
> 未显示图像大小调整/字幕控件

供您参考，幕后答案是，只有当图像大小在 markdown 中指定时，控件才会显示，例如：

```plaintext
<!-- 显示 -->
![caption|690x432](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)
![caption|690x432,50%](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)

<!-- 不显示 -->
![caption](upload://8oFjMj2KPpS6hKmiXRIImrFw22L)

```

（如果客户端能自动添加这些就好了；通常只在获取图像时完成）

---

<div class="post-metadata">

### 作者： ![phoenix1](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@phoenix1](https://meta.discourse.org/u/phoenix1)
#### 发布日期： [2025 年7 月 8 日 17:36 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/14 "2025-07-08T17:36:33Z")

</div>

啊，我明白了！感谢您的澄清:) 我对这些东西的内部机制还不太熟悉，至少现在还不是！不过很高兴知道，也许我也可以利用这一点为我的云托管图像添加控件！

---

<div class="post-metadata">

### 作者： ![renato](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/renato/32/383632_2.png) [@renato](https://meta.discourse.org/u/renato)
#### 发布日期： [2025 年7 月 8 日 18:15 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/15 "2025-07-08T18:15:39Z")

</div>

> [@supermathie](#):
>
> （如果客户端能自动完成这些就好了；通常只在获取图像时完成）

你说得真巧，这正是富文本编辑器现在所做的（PR 已合并），当图像没有尺寸时（笑脸）  
它不会自动更新文档（我们通常会避免这样做），但如果你使用缩放按钮，它会显示控件并自动计算尺寸。

---

<div class="post-metadata">

### 作者： ![phoenix1](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@phoenix1](https://meta.discourse.org/u/phoenix1)
#### 发布日期： [2025 年7 月 8 日 19:15 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/16 "2025-07-08T19:15:52Z")

</div>

我运行了当天的更新，并惊喜地发现此更新已包含在内……我想发布一条更新，说明我已重新启用富文本编辑器设置，尝试一下，它的运行效果完全符合我的预期，非常感谢！此时，我之前在新编辑器中遇到的唯一问题可以说已经解决了 🙂 我注意到的其他“问题”我不会报告为错误，因为我无法重现任何一个……我更确信（当时）我遇到了一些网络/路由问题，而不是新编辑器本身有问题。那是我自己需要解决的问题 🙂 我现在将在我的网站上启用新编辑器，我喜欢富文本编辑器能为图片添加视觉字幕！

---

<div class="post-metadata">

### 作者： ![renato](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/renato/32/383632_2.png) [@renato](https://meta.discourse.org/u/renato)
#### 发布日期： [2025 年7 月 29 日 18:31 UTC](https://meta.discourse.org/t/new-composer-issue-linked-images/373228/20 "2025-07-29T18:31:02Z")

</div>


