# 引用标注

**URL:** https://meta.discourse.org/t/quote-callouts/350962
**Category:** Theme component
**Created:** [2025年二月6日 22:12 UTC](https://meta.discourse.org/t/quote-callouts/350962 "2025-02-06T22:12:22Z")
**Posts on this page:** 1
**Showing post:** 50

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2026年三月18日 16:39 UTC](https://meta.discourse.org/t/quote-callouts/350962/50 "2026-03-18T16:39:15Z")

</div>

这是一个[更新](https://github.com/Arkshine/discourse-quote-callouts/pull/6)，它使组件现代化并带来了富文本编辑器支持！🚀  
它可能需要一些润色或存在未预料到的边缘情况，但我认为它是一个不错的良好开端。🙏

### 简而言之

- 增加了对富文本编辑器的支持（详见下文概述）
- 将渲染转换为 glimmer 组件
- 修复了嵌套提示框的 CSS 颜色问题
- 修复了别名的 CSS 颜色问题
- 折叠动画应该更流畅
- 增加了 `callout_transition_duration_ms` 设置（折叠动画）
- 增加了 \u003ckbd\u003eCtrl\u003c/kbd\u003e + \u003ckbd\u003eq\u003c/kbd\u003e 快捷键以插入默认提示框。  
它在两个编辑器上都有效，并且快捷键已添加到“键盘快捷键”模态框中

> **图片**
>
> ![chrome_7HSSbReBtO](https://global.discourse-cdn.com/meta/original/4X/e/7/b/e7bd86d2cfc1e5fbea1376031d4249a288df9c69.jpeg)  
> ![chrome_YaDrphqvbV](https://global.discourse-cdn.com/meta/original/4X/6/3/5/635bea715f9ffc5018b8738de16c986233516786.jpeg)

- 聊天：在工具栏中添加一个按钮以插入默认提示框

> **图片**
>
> ![chrome_CWig42tWHY](https://global.discourse-cdn.com/meta/original/4X/7/6/d/76d5674fbc2dc07188bc4b24d483a5e85adaf63e.jpeg)  
> ![chrome_TsyfsoA82R](https://global.discourse-cdn.com/meta/original/4X/2/2/8/22847a19f440484f63e94f192f732dbaffdb9b66.jpeg)  
> ![chrome_nWk7hUyRGr](https://global.discourse-cdn.com/meta/original/4X/c/3/d/c3dee18db204017fe15879927b4baebc0223b06b.jpeg)

- Markdown 预览：通过点击图标来更改类型的能力

> **图片**
>
> ![chrome_atmmLf0v3c](https://global.discourse-cdn.com/meta/original/4X/7/e/2/7e2677151669485d110fc3e5cd00ef35244c13b9.jpeg)

## 富文本编辑器

我们来谈谈富文本编辑器以及可以期待什么！

### 创建提示框：

您有四种方法来插入提示框：

- 键盘快捷键
- 工具栏
- 输入规则
  - `/callout\u003c:type\u003e `
  - `!!\u003ctype\u003e `

- 粘贴支持

> **视频**
>

### 编辑提示框

编辑提示框的控件仅在您事先选中它时才会出现。

- **类型选择器**  
点击图标后，会出现一个浮动菜单。
- **自定义标题**  
支持行内格式和表情符号
- **折叠**  
将提示框设置为可折叠。可以从选项菜单中访问。

> **视频**
>

### 组织提示框

- **移动控件**

- **键盘导航**  
这有助于更轻松地进出嵌套的提示框。  
此版本中的行为一致性可能需要在将来进行一些调整。

- **点击插入**

可能稍后我会寻找：

- 输入规则自动完成
- 使用现代 CSS 改进颜色，以确保一致性和可见性，尤其是在深色模式下。
- 

我希望删除所有设置，首先关注简洁性，仅通过 CSS 实现高级自定义，但现在已经太晚了 🤣

特别感谢 Moin 提供反馈。

就是这样。请告诉我您的想法。非常欢迎反馈！

---

_[View the full topic](https://meta.discourse.org/t/quote-callouts/350962)._