问题概述
目前 callout 区块在 live 模式下已经有渲染态，但缺少一个清晰、显式的“进入源码编辑态”的交互入口。
希望它能和 block-level editing 的整体体验保持一致：默认看渲染结果，需要修改时通过明确按钮进入源码态，离开后再恢复为渲染态。
当前行为
在 live 模式下，callout 更多依赖“光标进入 block 内部”这一隐式方式切回源码。
这有几个问题：
- 入口不够明显，用户不容易理解这个区块其实是可编辑的。
- 缺少一个稳定、可预期的显式操作入口。
- 从渲染态进入源码态、以及从源码态回到渲染态，缺少统一的交互闭环。
期望行为
希望 callout 区块在 live 模式下支持类似这样的交互：
- 默认显示为渲染态。
- 渲染态右上角提供一个明显的
</> 按钮。
- 点击该按钮后，就地切换为源码编辑态。
- 源码编辑态下，直接编辑当前 callout 的 Markdown 源码，例如
> [!note] 及其内容。
- 当用户点击空白区域、点击别的 block，或焦点离开当前 callout 后，自动恢复为渲染态。
复现步骤
- 新建一个 Markdown 文件。
- 插入一个 callout，例如：
> [!note]
> This is a note callout. It provides additional information.
- 切换到
live 模式。
- 观察 callout 区块的交互方式。
实际结果
当前 callout 虽然有渲染态，但缺少一个清晰的显式按钮来进入源码编辑态；从编辑态回到渲染态的交互也不够直观统一。
预期结果
callout 在 live 模式下应当像一个可切换状态的 block：
- 渲染态用于阅读。
- 需要修改时，点右上角按钮进入源码态。
- 编辑完成后，点击外部区域即可回到渲染态。
补充说明
这个需求针对的是 live 模式下的交互一致性，而不是 callout 渲染本身。
截图我会在后续评论里补充。
问题概述
目前
callout区块在live模式下已经有渲染态，但缺少一个清晰、显式的“进入源码编辑态”的交互入口。希望它能和 block-level editing 的整体体验保持一致：默认看渲染结果，需要修改时通过明确按钮进入源码态，离开后再恢复为渲染态。
当前行为
在
live模式下，callout 更多依赖“光标进入 block 内部”这一隐式方式切回源码。这有几个问题：
期望行为
希望
callout区块在live模式下支持类似这样的交互：</>按钮。> [!note]及其内容。复现步骤
live模式。实际结果
当前 callout 虽然有渲染态，但缺少一个清晰的显式按钮来进入源码编辑态；从编辑态回到渲染态的交互也不够直观统一。
预期结果
callout 在
live模式下应当像一个可切换状态的 block：补充说明
这个需求针对的是
live模式下的交互一致性，而不是 callout 渲染本身。截图我会在后续评论里补充。